body{--hue: 15;--fg: oklch(1 0.1 var(--hue));--bg: oklch(0.6 0.2 var(--hue));display:grid;place-items:center;background:var(--bg);height:100vh;max-width:100vw;font-family:Inter,sans-serif}main{color:var(--fg);text-align:center;display:flex;flex-direction:column;padding:3rem;border:10px solid var(--fg);gap:3rem}main h1{text-transform:uppercase;font-size:5rem;letter-spacing:-0.02em;font-weight:900;text-wrap:balance}main h1+p{font-size:2rem;text-wrap:balance;letter-spacing:-0.05em;font-weight:400}