#menu.section{background-color:#000;position:fixed;top:0;left:0;z-index:100}#menu .content{min-width:360px;background-color:#000;color:#fff;position:relative;height:100vh;overflow-y:auto;background-image:url(/assets/menu_bg-CYz4uOOw.webp);background-repeat:no-repeat;background-size:100%}#menu .header{padding:1rem;display:flex;justify-content:flex-end}#menu .header .button{position:relative;width:4rem;height:4rem;cursor:pointer}#menu .header .button span{position:absolute;left:5%;width:90%;height:.1rem;background-color:#fff;border-radius:.1rem;transform-origin:center;display:inline-block;transition:transform .3s ease,opacity .3s ease;box-sizing:border-box}#menu .header .button span:nth-of-type(1){top:calc(15% + .05rem)}#menu .header .button span:nth-of-type(2){top:calc(50% - .05rem)}#menu .header .button span:nth-of-type(3){bottom:calc(15% - .05rem)}#menu .header .button.active span:nth-of-type(1){top:50%;transform:translateY(-50%) rotate(45deg)}#menu .header .button.active span:nth-of-type(2){opacity:0}#menu .header .button.active span:nth-of-type(3){bottom:auto;top:50%;transform:translateY(-50%) rotate(-45deg)}#menu ul{margin:0;padding:5rem 15%;list-style-type:none;text-align:left}#menu ul li{margin:0;border-bottom:1px solid #fff;font-size:1rem;color:#fff;position:relative}#menu ul li:first-child{border-top:1px solid #fff}#menu ul li a{display:inline-block;text-decoration:0;color:#fff;height:100%;width:100%;padding:1rem}#menu ul a:after{content:"";position:absolute;top:calc(50% - .5rem);right:1rem;width:.75rem;height:.75rem;border-top-width:2px;border-top-style:solid;border-right-width:2px;border-right-style:solid;transform:rotate(45deg)}@media(min-width:768px){#menu .content{overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}#menu .content::-webkit-scrollbar{display:none}}@media(max-width:767px){#menu .content{height:100vh}#menu .header{column-gap:1rem;padding:2rem}#menu .header .button{width:3.5rem;height:3.5rem}#menu ul li{font-size:2.4rem}}