html{scroll-behavior:smooth}:root{--foreground: #111827;--foreground-dim: #1f2937;--foreground-dimmer: #374151;--background-lighter: #edeff1;--background: #f3f4f6;--c-pink: #f764cd;--c-violet: #7f2ccb;--c-red: #de3f67;--c-green: #53dfa2;--c-blue: #07a0c3;color:var(--foreground-dim);background:var(--background);font-family:lora,serif}@media(prefers-color-scheme:dark){:root{--foreground: #e5e7eb;--foreground-dim: #bcc0c7;--foreground-dimmer: #9ca3af;--background-lighter: #202025;--background: #111115;--c-pink: #ffa9e7;--c-violet: #af70eb;--c-red: #de3f67;--c-green: #53dfa2;--c-blue: #07a0c3}}main{max-width:80ch;padding:1rem;margin:auto;line-height:1.5}a{color:var(--foreground-dim);text-decoration:underline}a:hover{color:var(--foreground)}h1,h2,h3,h4{font-family:inter,-apple-system,sans-serif;letter-spacing:-.03em}h1,h2,h3,h4{color:var(--foreground)}h2,h3{border-bottom:1px solid var(--foreground-dim);display:inline-block}h1{font-size:2rem;font-weight:800;margin-top:1.75rem;margin-bottom:1.5rem}h2{font-size:1.5rem;font-weight:700;margin-top:1.5rem;margin-bottom:1rem}h3{font-size:1.25rem;font-weight:600;margin-top:1.25rem;margin-bottom:.75rem}h4{font-weight:600}p{margin-bottom:1.25rem;text-align:justify;text-justify:inter-word;line-height:1.4}.chroma{position:relative}.chroma:hover button.copy{filter:brightness(1.15)}button.copy{fill:var(--foreground-dimmer);box-sizing:border-box;transition:.2s ease-out;cursor:pointer;user-select:none;background:var(--background);padding:.5rem;border:none;font-size:.8em;position:absolute;top:.5rem;right:.5rem;border-radius:.25rem}button.copy:active{filter:brightness(1.25)}.index h1{font-size:3rem}ul.tags{list-style:none;display:flex;padding:0;gap:.75rem}@media screen and (min-width:900px){main{padding:2rem;font-size:1.25rem}.index h1{font-size:4rem}h1{font-size:2.25rem;margin-top:2.25rem;margin-bottom:2rem}h2{font-size:1.75rem;margin-top:2rem;margin-bottom:1rem}h3{font-size:1.5rem;margin-top:1.5rem;margin-bottom:1rem}nav.navbar>*{margin-right:2rem}}@media screen and (min-width:1440px){.index h1{font-size:6rem;display:block;max-width:95ch;text-align:center}.index p{max-width:65ch;margin-left:auto;margin-right:auto}}