diff --git a/site/templates/assets/index.css b/site/templates/assets/index.css index b8bc5a5..a8a36fe 100644 --- a/site/templates/assets/index.css +++ b/site/templates/assets/index.css @@ -5,6 +5,13 @@ } } +@media (prefers-color-scheme: light) { + * { + background-color: white; + color: black; + } +} + h1, h2, h3 { font-family: monospace; } @@ -12,12 +19,12 @@ h1, h2, h3 { body { font-family: system-ui; padding: 1%; - height: 100vh; font-size: 18px; max-width: 40em; - margin: 10%, 10%, 10%, 10%; margin: auto; width: 50%; + border: 10px solid lightgrey; + border-radius: 5px; } #particle-canvas {