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