footer.svelte-9sff3o{display:flex;flex-direction:column;align-items:center;grid-area:footer;padding-bottom:4px;overflow:hidden;position:relative}footer.svelte-9sff3o img:where(.svelte-9sff3o){position:absolute;max-width:88px;left:0;rotate:-45deg;translate:-48px 32px;transition:all .1s}footer.svelte-9sff3o img:where(.svelte-9sff3o):hover{translate:0 8px}footer.svelte-9sff3o .row:where(.svelte-9sff3o){display:flex;gap:6px;flex-wrap:wrap;justify-content:center;font-size:1.2rem}nav.svelte-b4n38p{border-style:solid;border-width:0 0 2px 0;width:100%;padding:16px;align-self:flex-start;background:var(--surface);grid-area:nav;box-shadow:var(--shadow);border-radius:8px 8px 0 0}nav.svelte-b4n38p ul:where(.svelte-b4n38p){display:flex;gap:8px;list-style:none;flex-wrap:wrap;padding:0}nav.svelte-b4n38p ul:where(.svelte-b4n38p) a:where(.svelte-b4n38p){font-family:Oh Whale,sans-serif;font-size:var(--step-1);text-decoration:none;display:inline-block;background-image:linear-gradient(to right,var(--theme),var(--theme));background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:.4s background-size cubic-bezier(0,0,0,1)}nav.svelte-b4n38p ul:where(.svelte-b4n38p) a:where(.svelte-b4n38p):hover{background-size:100% 1px}nav.svelte-b4n38p ul:where(.svelte-b4n38p) a:where(.svelte-b4n38p).current{font-weight:700;background-size:100% 1px}@media(min-width:512px){nav.svelte-b4n38p{--sticky-space: 12px;z-index:2;min-width:8rem;max-width:10rem;justify-self:end;position:sticky;top:var(--sticky-space);margin-top:var(--sticky-space);border-right-width:2px;border-bottom-width:0;border-radius:8px 0 0 8px;padding-inline-end:32px;margin-left:16px}nav.svelte-b4n38p ul:where(.svelte-b4n38p){flex-direction:column}}.page.svelte-a6xpld{min-height:100vh;display:grid;grid-template-areas:". header ." ". nav ." ". body ." "footer footer footer";grid-template-rows:min-content min-content 1fr min-content;grid-template-columns:1fr fit-content(95%) 1fr}.page.svelte-a6xpld h1:where(.svelte-a6xpld){margin:auto;color:var(--theme);background-clip:content-box;grid-area:header;transition:all .25s}.page.svelte-a6xpld h1:where(.svelte-a6xpld) a:where(.svelte-a6xpld){font:4rem Oh Whale,sans-serif;color:inherit;text-decoration:none}.page.svelte-a6xpld h1:where(.svelte-a6xpld):hover{rotate:-1deg;scale:1.1}.page.svelte-a6xpld main:where(.svelte-a6xpld){grid-area:body;font-family:Arial,Helvetica,sans-serif;color:var(--foreground);overflow-x:hidden;background-color:var(--surface);align-self:stretch;gap:8px;padding:16px;display:flex;flex-direction:column;min-width:0;box-shadow:var(--shadow);border-radius:0 0 8px 8px}.page.svelte-a6xpld main:where(.svelte-a6xpld)>h2,.page.svelte-a6xpld main:where(.svelte-a6xpld)>.row>h2{transition:translate .25s;width:fit-content}:is(.page.svelte-a6xpld main:where(.svelte-a6xpld)>h2,.page.svelte-a6xpld main:where(.svelte-a6xpld)>.row>h2):hover{translate:8px 0}@media(min-width:512px){.page.svelte-a6xpld{grid-template-areas:"header header header header" ". nav body ." "footer footer footer footer";grid-template-rows:min-content 1fr min-content;grid-template-columns:1fr minmax(min-content,150px) minmax(50vw,120ch) 1fr;margin-inline:16px}.page.svelte-a6xpld main:where(.svelte-a6xpld){border-radius:8px}}
