body{background:#000;overflow-x:hidden}#menu{clip:rect(0,110px,100px,0);background:transparent;color:#fff;display:flex;height:50px;padding:10px 20px;position:absolute;transition:all .5s ease-in-out;width:-moz-fit-content;width:fit-content;z-index:99999999999999}#menu.hover{clip:rect(0,500px,100px,0);background:#000}@media screen and (max-width:600px){#menu{background:rgba(0,0,0,.5);bottom:0;left:0;padding:10px;width:calc(100vw - 20px)}}.logo{margin-right:50px}.menu-button{background:transparent;border:none;color:transparent;cursor:pointer}.icon{height:50px;width:50px}.right{transform:translateY(6px)}.left{transform:translateY(6px) scaleX(-1)}.menu-title{font-family:monospace;font-size:15px;font-weight:500;margin:auto;padding:0;text-align:center;width:200px}iframe{border:none;height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:-1}