#hamburger-container{display:block;input[type=checkbox]:checked ~ .menu-items{transform:translateX(0)}input[type=checkbox]:checked ~ .hamburger-lines{.line1{transform:rotate(45deg)}.line2{transform:scaleY(0)}.line3{transform:rotate(-45deg)}}}.hamburger-checkbox{height:32px;width:32px;top:32px;right:8px;position:absolute;display:block;z-index:5;opacity:0;cursor:pointer}.hamburger-lines{height:1.625rem;width:2.0625rem;display:flex;flex-direction:column;justify-content:space-between;.line{display:block;height:4px;width:100%;border-radius:10px;background:var(--color-one)}.line1{transform-origin:0% 0%;transition:transform .4s ease-in-out}.line2{transition:transform .2s ease-in-out}.line3{transform-origin:0% 100%;transition:transform .4s ease-in-out}}.menu-items{background-color:var(--color-eleven);height:calc(100vh - var(--navbar-height));width:100%;transform:translate(-150%);display:flex;gap:2rem;flex-direction:column;transition:transform .5s ease-in-out;text-align:center;border:none;margin-top:2rem}