.line1,.line2,.line3{transition:all 0.6s;transform:rotate(0) translate(0, 0)}.line1{transform-origin:center}.line2{opacity:1}.line3{transform-origin:bottom center}.mainnav-open .line1,.mainnav-open .line2,.mainnav-open .line3{transition-duration:0.3s}.mainnav-open .line1{transform:rotate(45deg) translate(0px, 11px)}.mainnav-open .line2{opacity:0}.mainnav-open .line3{transform:rotate(-45deg) translate(10px, -5px)}#hamburger-wrapper{cursor:pointer}