body{--text-50: hsl(140, 12%, 95%);--text-100: hsl(144, 10%, 90%);--text-200: hsl(140, 12%, 80%);--text-300: hsl(141, 11%, 70%);--text-400: hsl(139, 11%, 60%);--text-500: hsl(141, 11%, 50%);--text-600: hsl(139, 11%, 40%);--text-700: hsl(141, 11%, 30%);--text-800: hsl(140, 12%, 20%);--text-900: hsl(144, 10%, 10%);--text-950: hsl(140, 12%, 5%);--background-50: hsl(160, 12%, 95%);--background-100: hsl(154, 14%, 90%);--background-200: hsl(154, 14%, 80%);--background-300: hsl(155, 12%, 70%);--background-400: hsl(157, 13%, 60%);--background-500: hsl(156, 13%, 50%);--background-600: hsl(157, 13%, 40%);--background-700: hsl(155, 12%, 30%);--background-800: hsl(154, 14%, 20%);--background-900: hsl(154, 14%, 10%);--background-950: hsl(160, 12%, 5%);--primary-50: hsl(140, 12%, 95%);--primary-100: hsl(146, 14%, 90%);--primary-200: hsl(145, 12%, 80%);--primary-300: hsl(148, 12%, 70%);--primary-400: hsl(147, 12%, 60%);--primary-500: hsl(147, 12%, 50%);--primary-600: hsl(147, 12%, 40%);--primary-700: hsl(148, 12%, 30%);--primary-800: hsl(145, 12%, 20%);--primary-900: hsl(146, 14%, 10%);--primary-950: hsl(160, 12%, 5%);--secondary-50: hsl(0, 12%, 95%);--secondary-100: hsl(351, 14%, 90%);--secondary-200: hsl(355, 12%, 80%);--secondary-300: hsl(354, 12%, 70%);--secondary-400: hsl(355, 12%, 60%);--secondary-500: hsl(354, 12%, 50%);--secondary-600: hsl(355, 12%, 40%);--secondary-700: hsl(354, 12%, 30%);--secondary-800: hsl(355, 12%, 20%);--secondary-900: hsl(351, 14%, 10%);--secondary-950: hsl(340, 12%, 5%);--accent-50: hsl(60, 12%, 95%);--accent-100: hsl(51, 14%, 90%);--accent-200: hsl(60, 12%, 80%);--accent-300: hsl(57, 12%, 70%);--accent-400: hsl(58, 12%, 60%);--accent-500: hsl(58, 12%, 50%);--accent-600: hsl(57, 12%, 40%);--accent-700: hsl(57, 12%, 30%);--accent-800: hsl(60, 12%, 20%);--accent-900: hsl(51, 14%, 10%);--accent-950: hsl(60, 12%, 5%);background:var(--background-900);color:var(--text-400);font-family:monospace;font-size:2em;margin:0;display:grid;place-items:center;justify-content:center;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100dvh;padding:0;--content-width: 600px}nav{justify-self:stretch}nav div{max-width:min(100%,var(--content-width));margin:auto}main{padding:1em;width:min(100%,var(--content-width))}*:focus{outline:2px solid}h1{color:var(--primary-600);font-weight:400;text-transform:uppercase;letter-spacing:.1em}h2{color:var(--primary-500)}h3{color:var(--primary-400);text-transform:uppercase;margin-bottom:0}a.button,button{-webkit-appearance:none;border-radius:0;box-shadow:none;cursor:pointer;font:inherit;text-align:center;display:inline-block;color:var(--primary-600);background:var(--primary-900);border:2px solid var(--primary-600);padding:.75em 1em;text-decoration:none}:is(a.button,button):hover,:is(a.button,button):focus{background:var(--primary-600);color:var(--primary-900);outline-color:var(--primary-300)}nav.svelte-12qhfyh{background:var(--background-950)}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){padding:1em;text-decoration:none;color:var(--text-400);display:inline-block}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover,nav.svelte-12qhfyh a:where(.svelte-12qhfyh):focus{background:var(--primary-800)}