:root{color-scheme:light dark;font-family:system-ui,sans-serif;background:#f4f2ed;color:#242622}body{margin:0;min-height:100vh;display:grid;place-items:center}main{width:min(36rem,calc(100% - 3rem));padding:3rem 0}.name{font-size:1.1rem;letter-spacing:.06em}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.25;margin:2.5rem 0 1rem}p{line-height:1.8}.note{margin-top:3rem;color:#62665d}@media(prefers-color-scheme:dark){:root{background:#20221e;color:#f4f2ed}.note{color:#b7bcaf}}