.hamburger{position:absolute;display:none;height:38px;width:38px;top:10px;right:10px;z-index:5;opacity:0}.hamburger-lines{display:none;height:26px;width:32px;position:absolute;top:17px;right:20px;z-index:2;flex-direction:column;justify-content:space-between}.hamburger-lines .line{display:flex;height:4px;width:100%;border-radius:10px;background:#cfcfdab2}.hamburger-lines .line1{transform-origin:0% 0%;transition:transform .2s ease-in-out}.hamburger-lines .line2{transition:transform .1s ease-in-out}.hamburger-lines .line3{transform-origin:0% 100%;transition:transform .2s ease-in-out}input[type=checkbox]:checked~.hamburger-lines .line1{transform:rotate(45deg)}input[type=checkbox]:checked~.hamburger-lines .line2{transform:scaleY(0)}input[type=checkbox]:checked~.hamburger-lines .line3{transform:rotate(-45deg)}@media (max-width: 768px){.hamburger{display:block}.hamburger-lines{display:flex}}