* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
}

.game-canvas {
  border: 5px solid black;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    table {
      color: white;
    }
  }
}
@media (prefers-color-scheme: light) {
  body {
    background-color: #f0f0f0;
    table {
      color: black;
    }
  }
}
@media (min-width: 600px) {
  .game-canvas {
    transform: scale(1.45) translate(-35%, -35%);
  }
}