body *{
    font-family:  Helvetica, Arial, sans-serif;
}
nav ul li a{
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    transition: all .3s;
}
nav ul li a:hover{
    color: #AD8E57;
}
.navbar{
    background-color: black;
    opacity: 0.5;
    transition: all .4s ease-in;
}
.navbar:hover{
    opacity: 1;
}
#gonder{
    padding: 10px 20px;
    border-radius: 10px;
    transition: all .3s;
    text-decoration: none;
    border: 1px solid black;
    color: white;
}
#gonder:hover{
    color: white;
    background-color: black;
}