#header .toggleButton{display:block;position:relative;width:30px;height:30px;cursor:pointer;z-index:999;flex-shrink:0;transition:.3s}#header .toggleButton i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:20px;height:2px;border-radius:2px;background:gray;transition:transform .3s}#header .toggleButton i:first-child{transform:translate(-50%,calc(-50% - 8px))}#header .toggleButton i:last-child{transform:translate(-50%,calc(-50% + 8px))}#header:has(#menu:checked) .toggleButton{transform:rotate(180deg)}#header:has(#menu:checked) .toggleButton i:first-child{transform:translate(-50%,-50%) rotate(45deg)}#header:has(#menu:checked) .toggleButton i:nth-child(2){opacity:0}#header:has(#menu:checked) .toggleButton i:last-child{transform:translate(-50%,-50%) rotate(-45deg)}