#mobile-nav{width:20px;height:10px;position:relative;margin:0;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer;z-index:100}#mobile-nav span{display:block;position:absolute;height:3px;width:30px;background:var(--primary-lighten-color);border-radius:3px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}#mobile-nav span:first-child{top:0}#mobile-nav span:nth-child(2){top:9px}#mobile-nav span:nth-child(3){top:18px}#mobile-nav.open span:first-child{top:9px;transform:rotate(135deg)}#mobile-nav.open span:nth-child(2){opacity:0;left:-60px}#mobile-nav.open span:nth-child(3){top:9px;transform:rotate(-135deg)}