#nav-icon{cursor:pointer;height:25px;position:relative;transform:rotate(0);transition:.5s ease-in-out;width:30px}#nav-icon span{border-radius:9px;display:block;height:3px;left:0;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:100%}#nav-icon span:first-child{top:0}#nav-icon span:nth-child(2),#nav-icon span:nth-child(3){top:12px}#nav-icon span:nth-child(4){top:24px}#nav-icon.open span:first-child{left:50%;top:18px;width:0}#nav-icon.open span:nth-child(2){transform:rotate(45deg)}#nav-icon.open span:nth-child(3){transform:rotate(-45deg)}#nav-icon.open span:nth-child(4){left:50%;top:18px;width:0}