#menuIcon{
    width: 10vw;
    height: 10vh;

    position: absolute;
    top: 6.5%;
    bottom: auto;
    left: auto;
    right: 10%;
    z-index: 1;

    background-image: url("../assets/icon-hamburger.svg");
    background-repeat: no-repeat;
    background-size: 100%;

    /* filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(90deg) brightness(100%) contrast(100%); */
}

#menu{
    width: 60vw;
    height: 100vh;

    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    z-index: 1;

    /* background-color: lightgray; */
    background: rgba(255, 255, 255, 0.375);
    backdrop-filter: blur(5px);
}

#close{
    width: 10vw;
    height: 10vh;

    position: absolute;
    top: 6.5%;
    bottom: auto;
    left: auto;
    right: 15.5%;
    z-index: 2;

    background-image: url("../assets/icon-close.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    /* filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(90deg) brightness(100%) contrast(100%); */
}

#menu ul{
    list-style-type:none;
    
    position: absolute;
    top: 16%;
    left: 12%;

    font-size: 5vw;
    line-height: 5vh;
}

#menu ul li a{
    text-decoration: none;
    color: #ffffff;
}