.center,.center-column{display:flex;justify-content:center;align-items:center}#hamburger_wrapper,.center-column{flex-direction:column}#hamburger_wrapper{display:flex;width:30px;cursor:pointer}#hamburger_wrapper span:first-of-type{width:50%}#hamburger_wrapper span:first-of-type,#hamburger_wrapper span:nth-of-type(2){background:#fff;border-radius:10px;height:4px;margin:4px 0;transition:.4s cubic-bezier(.68,-.6,.32,1.6)}#hamburger_wrapper span:nth-of-type(2){width:100%}#hamburger_wrapper span:nth-of-type(3){background:#fff;border-radius:10px;height:4px;margin:4px 0;transition:.4s cubic-bezier(.68,-.6,.32,1.6);width:75%}#hamburger_wrapper input[type=checkbox]{display:none}#hamburger_wrapper input[type=checkbox]:checked~span:first-of-type{transform-origin:bottom;transform:rotate(45deg) translate(5px,2px)}#hamburger_wrapper input[type=checkbox]:checked~span:nth-of-type(2){transform-origin:top;transform:rotate(-45deg)}#hamburger_wrapper input[type=checkbox]:checked~span:nth-of-type(3){transform-origin:bottom;width:50%;transform:translate(14px,-8px) rotate(45deg)}