.hamburger-active>span:first-child{transform:rotate(45deg) translate(-8px,8px)}.hamburger-active>span:nth-child(2){opacity:0;scale:0}.hamburger-active>span:nth-child(3){transform:rotate(-45deg) translate(-8px,-8px)}.hamburger-active>span{transition:all .5s ease-in-out}