*{
    margin: 0;
    padding: 0;
}
#logo{
    text-align: center;
    margin-bottom: -0.01%;
    background-color: #62735a;
    cursor: pointer;
}
@media (max-width: 600px){
    #logo img {
        width: 30%;
        height: auto;
    }
}
.nav-link:hover{
    color: #c28465;
}
ul a{
    color: #fff;
}
.card{
    width: 50%;
    margin-left: 25%;
    margin-bottom: 0%;
    border-radius: 1rem;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
.card h2{
    text-align: center;
    color: #62735a;
}
.card a{
    text-decoration: none;
    color: #62735a;
}
.card a:hover{
    color: #c28465;
}
.btn{
    background-color: #c28465;
    border: #c28465;
}
.btn:hover{
    background-color: #ebbea8;
    color: #000;
}