#hamburger{display:none}.hamburger-icon{display:flex;flex-direction:column;width:30px;height:30px;justify-content:space-between;cursor:pointer;padding:5px}.hamburger-line{background-color:#000;height:3px;border-radius:5px;transition:all .3s ease-in-out}.line-1{width:50%}.line-2{width:100%}.line-3{width:75%;align-self:flex-end}#hamburger:checked~.mobile-menu{display:block}#hamburger:checked~label .line-1{transform:translateY(10px) rotate(45deg);width:100%}#hamburger:checked~label .line-2{opacity:0}#hamburger:checked~label .line-3{transform:translateY(-10px) rotate(-45deg);width:100%;align-self:flex-start}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:1000;overflow-y:auto;padding:20px}