nav:where(.astro-NUSEPHW4){display:flex;align-items:center;justify-content:space-between;padding:1.25rem 3rem 1.5rem;width:100%;position:fixed;top:0;z-index:4;background:rgba(var(--color-grey-light),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-left-radius:80% 20%;border-bottom-right-radius:80% 20%;box-shadow:none;transition:box-shadow .3s,background .3s}nav:where(.astro-NUSEPHW4).dark{background:rgb(var(--color-grey-light))}@media screen and (max-width: 60rem){nav:where(.astro-NUSEPHW4){padding:1rem 20px}}@media screen and (max-width: 40rem){nav:where(.astro-NUSEPHW4){background:rgb(var(--color-grey-light));padding:1rem 20px}}nav:where(.astro-NUSEPHW4).sticky{box-shadow:0 8px 24px 0 rgb(var(--color-grey-dark))}a:where(.astro-NUSEPHW4).logo{color:rgb(var(--color-react));font-size:var(--fs-xl);font-weight:600;scroll-behavior:smooth;text-decoration:none;visibility:hidden;opacity:0}@media screen and (max-width: 60rem){a:where(.astro-NUSEPHW4).logo{font-size:var(--fs-m)}}@media screen and (max-width: 40rem){a:where(.astro-NUSEPHW4).logo{font-size:var(--fs-s);visibility:visible;opacity:1}}a:where(.astro-NUSEPHW4).logo.visible{visibility:visible;animation:slideIn .3s ease-in-out both}a:where(.astro-NUSEPHW4).logo.hidden{visibility:visible;animation:slideOut .3s ease-in-out both}ul:where(.astro-NUSEPHW4){display:flex;justify-items:center;align-items:center;text-decoration:underline .15em rgba(255,255,255,0);gap:.5rem}@media screen and (max-width: 60rem){ul:where(.astro-NUSEPHW4){gap:0}}ul:where(.astro-NUSEPHW4) li:where(.astro-NUSEPHW4){list-style:none;display:inline-block;cursor:pointer}@media screen and (max-width: 40rem){ul:where(.astro-NUSEPHW4) li:where(.astro-NUSEPHW4).nav-link{display:none}}ul:where(.astro-NUSEPHW4) li:where(.astro-NUSEPHW4):not(.nav-link){margin-left:1rem}@media screen and (max-width: 60rem){ul:where(.astro-NUSEPHW4) li:where(.astro-NUSEPHW4):not(.nav-link){margin-left:0}}@media screen and (max-width: 80rem){.desktop-only:where(.astro-NUSEPHW4){display:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}