.menu-icon{cursor:pointer;width:20px;height:16px;position:relative;transition:transform .3s ease}.line{position:absolute;width:100%;height:2px;border-radius:2px;background-color:#444444;color:#444444;transition:all .3s ease}.line1{top:0}.line2{top:50%;transform:translateY(-50%)}.line3{bottom:0}.menu-icon.open .line1{transform:rotate(45deg);top:50%;left:0}.menu-icon.open .line2{opacity:0}.menu-icon.open .line3{transform:rotate(-45deg);top:50%;left:0}.line-white{color:#fff;background-color:#fff}