*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: hsl(240, 33%, 10%);--nav-color: hsl(240, 33%, 30%);--underline-color: hsl(60, 100%, 50%);--heading-color: hsl(197, 71%, 73%);--font-color: white}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.125rem;background-color:var(--bg-color);color:var(--font-color);line-height:1.5}html,body{scroll-behavior:smooth}h1{font-weight:400;color:var(--heading-color);margin-block:2rem}a{color:inherit}a:focus-visible{outline:.1rem solid var(--font-color);outline-offset:.25rem}p{margin-bottom:.5rem}nav.svelte-13fkbac{padding-block:1.5rem;position:sticky;top:0;background-color:var(--nav-color);display:flex;justify-content:center;z-index:10}a.svelte-13fkbac{text-decoration:none}ul.svelte-13fkbac{list-style:none;display:grid;grid-template-columns:repeat(var(--page-count),1fr);justify-content:center;position:relative}li.svelte-13fkbac{text-align:center;padding-inline:.75rem;width:100%}.underline.svelte-13fkbac{position:absolute;height:.1rem;top:100%;left:0;transform:translate(calc(var(--pos) * 100%));width:calc(100% / var(--page-count));transition:transform var(--animation-speed) ease,opacity var(--animation-speed) ease}.underline.invisible.svelte-13fkbac{opacity:0}.underline.svelte-13fkbac:before{content:"";position:absolute;left:15%;width:70%;height:100%;background-color:var(--underline-color)}main.svelte-5pw55d{max-width:40rem;margin:0 auto;display:grid}.page.svelte-5pw55d{grid-area:1 / 1;padding-inline:1rem}