.ham-menu{background-color:#000;border-radius:.25em;display:flex;flex-direction:column;height:3rem;justify-content:space-around;padding:.5rem;position:absolute;top:0;width:3rem;z-index:2}.ham-menu .line{background-color:#fff;border-radius:1em;height:.25rem;width:2rem}.ham-menu .line1{transform-origin:0 0}.ham-menu .line1,.ham-menu .line3{transition:transform .1s ease-in-out}.ham-menu .line3{transform-origin:0 100%}.ham-menu.in-menu .line1{display:block;transform:rotate(45deg) translate(5px,-5px)}.ham-menu.in-menu .line2{opacity:0}.ham-menu.in-menu .line3{display:block;transform:rotate(-45deg) translate(5px,5px)}