#nav-burger:checked+label{position:fixed;transform:translateX(-100%);z-index:20000}#nav-burger:checked+label>span:first-child{transform:translateY(.625rem) rotate(45deg)}#nav-burger:checked+label>span:nth-child(2){opacity:0}#nav-burger:checked+label>span:nth-child(3){transform:translateY(-.625rem) rotate(-45deg)}#nav-burger:checked~ul{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;position:fixed;top:0;left:0;z-index:10000;width:100%;height:100dvh;min-height:100dvh;background-color:rgb(31,41,55);overflow-y:scroll}