#hamburger-icon{width:32px;height:32px;transition-duration:.6s;position:absolute;top:28px;right:18px}#hamburger-icon .icon{background:linear-gradient(90deg,#fff,#fff,#d3d3d3);width:30px;height:0;transition-duration:.6s;position:absolute;top:0}#hamburger-icon .icon:before{content:"";background:linear-gradient(90deg,#fff,#fff,#d3d3d3);width:32px;height:2px;transition-duration:.6s;position:absolute;top:-4px}#hamburger-icon .icon:after{content:"";background:linear-gradient(90deg,#fff,#fff,#d3d3d3);width:32px;height:2px;transition-duration:.6s;position:absolute;top:4px}#hamburger-icon.open1 .icon:before,#hamburger-icon.open1 .icon:after{transition:transform .35s linear;top:0}#hamburger-icon.open2 .icon:before{transition:transform .35s linear;transform:rotate(45deg)}#hamburger-icon.open2 .icon:after{transition:transform .35s linear;transform:rotate(-45deg)}#hamburger-icon:hover{cursor:pointer}