:root { color-scheme: dark; }
body { margin: 0; background: #141428; color: #f6ecd2; font: 16px/1.6 "Pixelify Sans", system-ui, sans-serif; }
main { max-width: 68ch; margin: 0 auto; padding: 48px 20px 64px; }
h1 { font: 400 clamp(40px, 7vw, 64px)/1 "Jacquard 24", serif; color: #f2c14e; margin: 0 0 20px; }
h2 { font: 400 32px/1 "Jacquard 24", serif; color: #f2c14e; margin: 32px 0 8px; }
p { margin: 0 0 12px; color: #ddd8f0; }
b { color: #f6ecd2; font-weight: 600; }
a { color: #f2c14e; text-underline-offset: 0.25em; }
::selection { background: #f2c14e; color: #3a2408; }

/* Pixelify Sans joins f and i into a shape that reads as an A */
*, *::before, *::after { font-variant-ligatures: none !important; }