:root{--navbar-height:80px;--actual-navbar-height:65px;--logo-height:calc((var(--actual-navbar-height) + 20px) * 0.8);--phone-padding:calc(var(--logo-height) * 2 + 20px)}*{font-family:Courier New,Courier,monospace;margin:0;padding:0}body{background-color:#101010;padding-bottom:100px}nav{background:#000;display:flex;justify-content:space-between;align-items:center;width:100%;top:0;position:fixed;height:var(--navbar-height);z-index:1000;ul{list-style:none;display:flex;margin-right:20px;li{margin:0 15px;position:relative;a{font-family:Courier New,Courier,monospace;color:#9a4efb;text-decoration:none;padding:8px 12px;font-size:22px}}}a{&:hover{color:#5800ca;text-shadow:0 0 10px #5800ca}&:after{content:"";position:absolute;bottom:-2px;left:0;height:2px;width:0;background-color:#5800ca;transition:width .3s}&:hover:after{width:100%}}}.logo{height:var(--logo-height);img{height:200%;padding-left:3vw;padding-top:1.5vw}a{&:hover{color:inherit;text-shadow:none}&:after{content:none}}}.hamburger{display:none;flex-direction:column;cursor:pointer;position:absolute;right:20px;top:15px;z-index:10}svg{width:3.5rem;height:auto}@media screen and (max-width:768px){*{transition:.3s}.hamburger{display:flex}nav{ul{display:none;&.active{display:flex;flex-direction:column;background:#000;position:absolute;top:0;padding-top:60px;width:100%;padding-left:0;margin:0;li{margin:10px 0;a{font-size:20px}}}a{font-size:24px;padding:9px 13px}}}}