:root{--main-text-color:#aaffaa;--input-background:#2c2c2c;--input-color:#e0e0e0;--link-color:#e2fb00}@keyframes rotate{from{transform:rotateX(0)}to{transform:rotateX(180deg)}}@keyframes rotate-back{from{transform:rotateX(180deg)}to{transform:rotateX(0)}}.site-header{background-color:#0a2115;padding:20px;text-align:center;display:flex;justify-content:center}.site-header.scrolled{position:fixed;top:0;left:0;width:100%;z-index:100;opacity:0}.site-header.scrolled.visible{transition:opacity .5s;opacity:1}.site-title img{height:70px}.site-title a{margin:0;color:var(--main-text-color);display:block}.site-nav{margin-left:2em;display:flex;align-items:center}.site-nav a{text-decoration:none;color:inherit;font-size:25px;padding:1rem}.nav-list{list-style:none;padding:0;display:inline-flex;gap:15px}.nav-list .has-submenu>a{position:relative}.nav-list .has-submenu>a::after{content:' ▼';font-size:.7em;color:var(--link-color);position:absolute;right:-.3em;top:0;animation:.3s ease-out forwards rotate-back;height:100%;display:flex;align-items:center}.nav-list .has-submenu:hover>a::after{right:-.3em;top:0;animation:.3s ease-out forwards rotate}.nav-item{margin:0}.nav-link{text-decoration:none;color:#007bff;font-weight:700}.nav-link:hover{text-decoration:underline;color:#0056b3}.submenu{position:absolute;background-color:#0a2115;list-style:none;padding:0;border-radius:0 0 6px 6px;text-align:left;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s,transform .3s,visibility .3s}.submenu li{padding:10px 0}.nav-list li:hover>a{border-bottom:1px solid #fff;color:#fff;font-size:27px;padding:0 calc(1rem - 3px)}.nav-list li:hover .submenu{opacity:1;visibility:visible;transform:translateY(0);box-shadow:-5px 5px 10px rgba(0,0,0,.5)}.burger-menu{display:none;flex-direction:column;cursor:pointer;gap:5px}.burger-menu span{width:30px;height:3px;background-color:var(--main-text-color);transition:.3s}@media (max-width:960px){.site-header{justify-content:space-between;padding:10px 20px}.burger-menu{display:flex;justify-content:center}.site-nav{position:fixed;top:70px;left:-100%;width:100%;background-color:#0a2115;flex-direction:column;margin-left:0;transition:left .3s;padding:20px 0}.site-nav.active{left:0}.nav-list{flex-direction:column;width:100%}.nav-list li{width:100%;text-align:center}.submenu{position:static;display:none;background-color:#0d2a1a}.nav-list li:hover .submenu{display:none}.nav-list li.active .submenu{display:block}}