@import url("base.css");@import url("utils.css");.navbar{--navbar-text-color:#9602a1;--navbar-brand-gradient:linear-gradient(135deg,#77216f,#e95420);--navbar-brand-shadow:1px 1px 1px rgba(255,127,80,.1),2px 2px 1px rgba(217,78,31,.05);--navbar-brand-fallback-color:#d94e1f;background:var(--window-bg-gradient);background-color:var(--window-bg-color);display:flex;flex-wrap:wrap;min-width:100vw;position:fixed;top:0;transition:top .2s ease-in-out;z-index:100}.navbar.hidden{top:-100%}.navbar__brand{background:var(--navbar-brand-gradient);background-clip:text;-webkit-background-clip:text;display:inline;margin:.5rem 1rem;-webkit-text-fill-color:transparent;color:var(--navbar-brand-fallback-color);font-size:2rem;font-weight:700;text-decoration:none;text-shadow:var(--navbar-brand-shadow)}.navbar__brand:hover{animation:glow 3s ease-in infinite}.navbar__nav{width:100%}.navbar__menu,.navbar__nav{align-items:center;display:flex;justify-content:space-between}.navbar__menu{background:var(--window-bg-gradient);background-color:var(--window-bg-color);flex-wrap:wrap;gap:min(2vw,2vh);height:100%;list-style:none;padding:1rem;text-align:center}.navbar__item{min-width:7vw;white-space:nowrap}.navbar__link{--navbar__link-border:solid 0.5 #000;--navbar__link-shadow-color:#7a7a7a;background:var(--window-bg-gradient);border:var(--navbar__link-border);border-radius:2px;box-shadow:0 1px 0 var(--navbar__link-shadow-color) inset,1px 0 0 var(--navbar__link-shadow-color) inset;color:#fff;display:block;font-size:1.3rem;padding:.5rem;text-decoration:none;transition:text-shadow .3s ease-in-out;white-space:nowrap}.navbar__link:hover{animation:glow 2s ease-in-out infinite}.navbar__link:active{animation:none;box-shadow:0 -1px 1px var(--navbar__link-shadow-color) inset,-1px 0 1px var(--navbar__link-shadow-color) inset;color:gray}.navbar__toggle{cursor:pointer;display:none;margin:.5rem .75rem;--navbar__toggle-border:solid 0.5 #000;--navbar__toggle-shadow-color:#7a7a7a;background:var(--navbar-bg-gradient);border:var(--navbar__toggle-border);border-radius:2px;box-shadow:0 1px 0 var(--navbar__toggle-shadow-color) inset,1px 0 0 var(--navbar__toggle-shadow-color) inset;color:#fff;padding:1px;text-decoration:none}.navbar__toggle:hover{cursor:pointer}.navbar__menu-icon{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}@media screen and (max-width:768px){.navbar__toggle{align-items:center;display:flex;height:1.5rem;justify-content:center;width:1.5rem}.navbar__menu{height:auto;left:-100%;overflow:hidden;position:absolute;top:100%;transition:.2s;width:100%}.navbar__menu.active{left:0;transition:.5s}.navbar__item{align-items:center;display:flex;flex:1 1 100%;justify-content:center;margin:.5rem;width:100%}.navbar__link{margin:0;padding:.5rem;width:100%}}.font-zero{font-size:0}