.menu-icon{position:relative;width:50px;height:44px;cursor:pointer;scale:.5}.menu-icon span{position:absolute;left:0;width:100%;height:4px;border-radius:4px}.menu-icon,.menu-icon span{display:inline-block;transition:all .5s}.menu-icon span:first-of-type{top:0}.menu-icon span:nth-of-type(2){top:20px}.menu-icon span:nth-of-type(3){bottom:0}.menu-icon.menu-active span:first-of-type{transform:translateY(20px) rotate(45deg)}.menu-icon.menu-active span:nth-of-type(2){opacity:0}.menu-icon.menu-active span:nth-of-type(3){transform:translateY(-20px) rotate(-45deg)}