@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@500;700&display=swap);:root{--gn-bg:#0a0a0a;--gn-border:#ffffff26;--gn-text-idle:#888;--gn-text-hover:#fff;--gn-text-active:#000;--gn-accent:#fff;--gn-shadow:0 0 15px #fff6;--gn-radius:50px}.nav-wrapper-center{display:flex;justify-content:center;padding:20px 0;width:100%}.gooey-nav-container{background:#0a0a0a;background:var(--gn-bg);border:1px solid #ffffff26;border:1px solid var(--gn-border);border-radius:50px;border-radius:var(--gn-radius);box-shadow:0 10px 30px #000c;display:inline-flex;overflow:hidden;padding:6px;position:relative;-webkit-user-select:none;user-select:none;z-index:10}.gooey-nav-container nav,.gooey-nav-container ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;position:relative;z-index:2}.gooey-nav-container li{-webkit-tap-highlight-color:transparent;cursor:pointer;position:relative}.gooey-nav-container a{border-radius:50px;border-radius:var(--gn-radius);color:#888;color:var(--gn-text-idle);display:block;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.05em;padding:10px 20px;text-decoration:none;text-transform:uppercase;transition:color .3s ease;white-space:nowrap}.gooey-nav-container li:hover a{color:#fff;color:var(--gn-text-hover)}.gooey-nav-container li.logout-item a{color:#ff4d4d}.gooey-nav-container li.logout-item:hover a{color:#ff8080}.effect.filter{background:#fff;background:var(--gn-accent);border-radius:50px;border-radius:var(--gn-radius);box-shadow:0 0 15px #fff6;box-shadow:var(--gn-shadow);transition:left .5s cubic-bezier(.2,.9,.3,1.2),top .5s cubic-bezier(.2,.9,.3,1.2),width .4s ease-out,height .4s ease-out,opacity .3s ease;z-index:1}.effect.filter,.effect.text{opacity:0;pointer-events:none;position:absolute}.effect.text{color:#000;color:var(--gn-text-active);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.05em;overflow:hidden;text-transform:uppercase;transform:scale(.9);transition:left .5s cubic-bezier(.2,.9,.3,1.2),top .5s cubic-bezier(.2,.9,.3,1.2),width .4s ease-out,height .4s ease-out,opacity .2s ease,transform .3s cubic-bezier(.175,.885,.32,1.275);z-index:3}.effect.text.active{opacity:1;transform:scale(1)}@media (max-width:600px){.gooey-nav-container{justify-content:space-between;overflow-x:auto;padding:4px;width:95%}.gooey-nav-container ul{justify-content:space-around;width:100%}.gooey-nav-container a{font-size:.8rem;padding:10px 12px}}.light-rays-container{height:100%;overflow:hidden;pointer-events:none;position:relative;width:100%}
/*# sourceMappingURL=main.a1feb5f0.css.map*/