:root { color-scheme: dark; --lg-ink:#f6efdf; --lg-muted:#bbb2a3; --lg-bg:#171716; --lg-lime:#d8fb63; --lg-coral:#ff947a; --lg-line:rgba(246,239,223,.16); } * { box-sizing:border-box; } body { margin:0; background:var(--lg-bg); color:var(--lg-ink); font-family:Arial,Helvetica,sans-serif; line-height:1.65; } main { width:min(100% - 2rem,760px); margin:0 auto; padding:clamp(3rem,10vw,7rem) 0; } a { color:var(--lg-lime); text-underline-offset:.2em; } .label { margin:2.5rem 0 .75rem; color:var(--lg-coral); font-family:Consolas,monospace; font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; } h1 { max-width:12ch; margin:0 0 2rem; font-family:Georgia,serif; font-size:clamp(2.65rem,8vw,5.4rem); font-weight:400; letter-spacing:-.07em; line-height:.88; } h2 { margin:2.2rem 0 .5rem; font-size:1.05rem; } p { max-width:64ch; color:var(--lg-muted); } strong { color:var(--lg-ink); } hr { border:0; border-top:1px solid var(--lg-line); margin:2rem 0; }