.hamburger-icon{width:100%;height:100%;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer}.hamburger-icon span{width:100%;display:block;height:20%;background-color:#000;border-radius:9px;position:absolute;height:16.5%;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out;z-index:4}.hamburger-icon span:first-child{top:0}.hamburger-icon span:nth-child(2),.hamburger-icon span:nth-child(3){top:40%}.hamburger-icon span:nth-child(4){bottom:0}.hamburger-icon.active span,.hamburger-icon.dark span{background-color:#fff}.hamburger-icon.active span:first-child{top:40%;width:0;left:50%}.hamburger-icon.active span:nth-child(2){transform:rotate(45deg)}.hamburger-icon.active span:nth-child(3){transform:rotate(-45deg)}.hamburger-icon.active span:nth-child(4){top:40%;width:0;left:50%}