:root {
  color-scheme: dark;
  background: #1b1e23;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100svh;
  display: grid;
  place-items: center;
  background: radial-gradient(ellipse at center, #252529 0%, #1b1e23 65%);
}

main {
  width: min(768px, 100vw, 177.7778svh);
}

canvas {
  display: block;
  width: 100%;
  height: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}