body{
    background-color: #556b2f;
}

i{
    color: #7a8a1e;
}

a{
    color: #ffffff;
}

.fst-italic i{
    color: #6b6b69;
}

.outter{
 border-color: #C6D870;
 border-style: ridge;
 background-color: #EFF5D2;
 margin-top: 10vh;
 padding: 0%;
}


.top-bar{
    border-style: none none solid none;
    border-color: #C6D870;
    border-width: 1px;
    background-color: #C6D870;
    width: 100;
}

.inner{
    padding: 10px;
}

.btn-custom{
    margin-right: 20px;
    border-radius: 8px;
    padding: 5px 15px;
    background-color: #7a8a1e;
    color: #ffffff;
    border: none;
    box-shadow: 0 5px #556B2F;
}

.btn-custom:active{
    box-shadow: 0 3px #556B2F;
    transform: translateY(4px);
}