#menuToggle{display:block;position:relative;margin-left:15px;margin-top:5px;width:33px;z-index:2;-webkit-user-select:none;user-select:none}#menuToggle input{display:block;width:100vw;height:50px;top:0;left:0;position:fixed;cursor:pointer;opacity:0;z-index:999;-webkit-touch-callout:none}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#9d0030;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle span:first-child{transform-origin:0 0}#menuToggle span:nth-last-child(2){transform-origin:0 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px)}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2,.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(0,-1px)}#menu{position:absolute;width:100vw;margin-left:calc(-15px + (-1 * env(safe-area-inset-left)));margin-top:8px;background:#9d0030;color:#fff;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translate(0,-100vh);transition:transform .5s cubic-bezier(.77,.2,.05,1)}#menu a{color:#fff;text-decoration:none}#menu li{padding-left:calc(env(safe-area-inset-left) - 15px);height:45px;font-size:22px}#menuToggle input:checked~ul{transform:none}