menu.css

.head-navbar{
    width: 100%;
    /* height: 15%; */
    padding: 40px;
    position: fixed;
    z-index: 1;
    transition: 100ms ease-in-out;
    top: 0;
}
.navbar-logo{
    display: inline-block;
}
.navbar-logo img{
    width: 50px;
}
.head-menu{
    display: inline-block;
    list-style-type: none;
    margin: 0px;
    margin-left: 3%;
    padding: 0px;
}
.head-menu>li{
    text-decoration: none;
    color: var(--light-grey);
    font-weight: 300;
    font-size: 18px;
    display: inline-block;
    margin-right: 20px;
}

.head-navbar--shrink{
    transition: 100ms ease-in-out;
    padding: 15px;
    /* height: 10%; */
    background: var(--green);
}

.head-download-button{
    float: right;
}
.head-download-button  .mv-button{
    background: var(--light-grey);
    color: var(--light-green);
}
.head-download-button > .github-logo{
    margin-right: 20px;
}