body {
  margin: 0;
  padding: 0;
  background-color: #1a1a1a;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

a:link, a:active, a:visited {
  color:rgb(72, 134, 206);
}

a:hover {
  color:rgb(126, 185, 255);
}

/* Ensure the document covers the full viewport so touch events are captured anywhere */
html, body {
  height: 100%;
}

h1 {
  margin-top: 20px;
  font-weight: 400;
  color:#c4c4c4;
}

canvas {
  border: 2px solid #2c2c2c;
  background-color: #000;
  margin: 20px 0;
  border-radius: 8px;
}
/* Note shown below the game canvas */
.mobile-note {
  margin: 0;
  font-size: 0.9em;
  color: #cccccc;
  text-align: center;
}

/* Footer with author and repository link */
footer {
  margin: 10px 0 20px;
  font-size: 0.8em;
  color: #aaaaaa;
  text-align: center;
}