html,body{
    min-height: 100vh;
    background: #AEE679;
}
.wrapper{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
header {
    /*background: #169f5d;*/
    color: #1E3046;
    border-bottom: 1px solid #a5da74;
    font-weight: bold;
}
header nav a:not(.active){
    color: #1c1d17;
}
header nav a.active{
    color: #1e3046ab;
}
footer {
    color: #000000;
    padding: 5px;
}
.content{
    height: 100%;
    margin-bottom: auto;
}
.logo{
    background: #1E3046;
    font-size: 24px;
    font-weight: bold;
    /* margin: -5px 0; */
    padding: 6px 10px;
    color: #ffffff;
    border-radius: 35px 15px 35px 0;
}
footer{
    text-align: center;
}
.list-group-item {
    background-color: #ffffff2e;
}
.about{
    background: #ffffff2e;
    margin: 25px auto;
    padding-bottom: 15px;
}
@media (max-width: 575px) {
    nav.navbar {
        position: static;
    }
    .navbar-collapse {
        position: absolute;
    }
    .navbar-collapse {
        transition: all ease .4s;
        width: 100%;
        height: 100%;
        z-index: 111;
        top: 0;
        left: 0;
        background: rgb(174, 230, 121);
        display: flex;
    }
    .navbar-toggler{
        z-index: 112;
    }
    .navbar-nav{
        margin: auto;
    }
}