:root{color-scheme:light dark;font-family:Arial,Helvetica,sans-serif;background:#ffffff;color:#111111}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:grid;place-items:center;padding:2rem}section{width:min(36rem,100%);border:1px solid #dedede;border-radius:1.5rem;padding:2rem;box-shadow:0 12px 36px rgb(0 0 0/6%)}h1{margin:0 0 .75rem;font-size:clamp(2rem,7vw,4rem);letter-spacing:-.05em}p{margin:0;color:#666666;line-height:1.6}code{color:#111111}@media (prefers-color-scheme:dark){:root{background:#111111;color:#f7f7f7}section{border-color:#383838;box-shadow:0 12px 36px rgb(0 0 0/28%)}p{color:#a8a8a8}code{color:#f7f7f7}}