.navbarContainer{z-index:50;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1.5rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.navbarLogoLink{align-items:center;display:flex}.navbarLogo{width:2.5rem;height:2.5rem}.navbarLinksContainer{align-items:center;gap:2rem;display:flex}.navbarLink{color:#fff;transition:color .3s}.navbarLink:hover{color:#c4b5fd}.navbarThemeToggle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:9999px;justify-content:space-between;align-items:center;width:5rem;height:2.25rem;padding:0 .5rem;transition:background-color .3s;display:flex;position:relative}.navbarThemeToggle:hover{background-color:#ffffff26}.navbarSunIcon{width:1.25rem;height:1.25rem;transition:opacity .3s}.navbarSunIconActive{opacity:1;color:#fff}.navbarSunIconInactive{opacity:.4;color:#9ca3af}.navbarMoonIcon{width:1.25rem;height:1.25rem;transition:all .3s}.navbarMoonIconActive{opacity:1;color:#fff;filter:drop-shadow(0 0 4px #ff798bcc)}.navbarMoonIconInactive{opacity:.4;color:#9ca3af;filter:none}.navbarToggleIndicator{border-radius:9999px;width:1.75rem;transition:all .3s;position:absolute;top:.25rem;bottom:.25rem}.navbarToggleIndicatorDark{background:linear-gradient(90deg,#ff798b,#9e2fff);right:.25rem;box-shadow:0 0 12px #ff798b99,0 0 6px #9e2fff66}.navbarToggleIndicatorLight{box-shadow:none;background-color:#ffffff4d;left:.25rem}
.starsContainer{z-index:0}
.mainBackground{background:linear-gradient(#2a0649 0%,#250a65 100%)}