nav{display:flex;align-items:center;background-color:var(--main-color);color:#fff;height:10vh;width:10vh;position:fixed;z-index:1000;border-radius:0 0 1rem 0;transition:width .3s;box-shadow:0 0 .5rem .1rem #000}nav,ul{flex-direction:column}ul{display:none;gap:2rem;margin:2vh auto 2.6vh 2.6vh}ul li{list-style:none;font-size:var(--font-size-p)}.open .line{width:100%;height:.2rem;background-color:#fff;margin-top:.5rem;transition:transform .5s}.close .line:first-child{transform:rotate(45deg);transition:transform .5s}.close .line:first-child,.close .line:nth-child(2){width:2rem;height:.2rem;background-color:#fff;margin-top:2vh;position:absolute}.close .line:nth-child(2){transform:rotate(-45deg);transition:transform .1s}.close .line:nth-child(3){transform:rotate(-45deg);width:2rem;height:.2rem;background-color:#fff;margin-top:2vh;position:absolute;transition:margin-top .1s}.hamburger{display:flex;flex-direction:column;width:4vh;height:4vh;justify-content:space-between;margin-right:auto;margin-left:2.8vh;margin-top:2vh}.mobile-menu{display:flex!important}.mobile-menu-open{width:100%;border-radius:0 0 0 0;height:40vh;transition:width .3s}@media screen and (min-width:768px){.hamburger{display:none}ul{margin-top:2vh;display:flex;margin-left:1vw;gap:4rem}nav,ul{flex-direction:row}nav{justify-content:space-between;width:100%;border-radius:0}}