:root { color-scheme: dark; font-family: 'Trebuchet MS', 'Segoe UI', sans-serif; background: #102720; color: #f2efdf; line-height: 1.7; } * { box-sizing: border-box; } body { margin: 0; } main { max-width: 680px; margin: 0 auto; padding: 38px 24px 70px; } a { color: #eacd96; text-underline-offset: 4px; } .eyebrow { display: block; letter-spacing: 3px; font-size: 10px; margin-top: 50px; color: #b6c7a8; } h1 { font: 48px Georgia, serif; line-height: 1.1; margin: 14px 0; font-weight: 400; } h2 { font: 26px Georgia, serif; margin-top: 34px; } p { color: #cbd4c0; font-size: 15px; } .muted { font-size: 12px; color: #8fa68c; } code { font-size: 12px; overflow-wrap: anywhere; color: #e8d6ad; } .button { display: inline-block; padding: 12px 20px; border: 1px solid #bdcba666; border-radius: 9px; margin-top: 15px; text-decoration: none; } a:focus-visible { outline: 3px solid #f0cd8e; outline-offset: 4px; }