#nav-icon1{width:60px;height:36px;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer;background-color:var(--cOmicron);border-radius:4px}#nav-icon1 span{display:block;position:absolute;height:1px;width:32px;background:var(--cAlpha);border-radius:9px;opacity:1;left:14px;transition:.35s ease-in-out}#nav-icon1 span:first-child{top:14px}#nav-icon1 span:nth-child(2){top:18px}#nav-icon1 span:nth-child(3){top:22px}#nav-icon1.open span:first-child{top:18px;transform:rotate(135deg)}#nav-icon1.open span:nth-child(2){opacity:0}#nav-icon1.open span:nth-child(3){top:18px;transform:rotate(-135deg)}