examples/web-sprite/styles.css

1:root { color-scheme: dark; }

2* { box-sizing: border-box; }

3body {

4 margin: 0; min-height: 100vh; display: flex; justify-content: center;

5 background: #0d1017; color: #e6e9ef;

6 font: 15px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

7}

8main { width: min(760px, 92vw); padding: 3rem 0 4rem; }

9h1 { font-size: 1.35rem; font-weight: 650; margin: 0 0 0.5rem; }

10.sub { color: #8b93a7; margin: 0 0 1.5rem; max-width: 62ch; }

11code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.9em; color: #e6b34d; }

12canvas {

13 display: block; width: 100%; aspect-ratio: 4 / 3; height: auto;

14 border-radius: 10px; background: #04060a; box-shadow: 0 12px 40px rgba(0,0,0,0.45);

15}