html, body {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center; /* Centrado horizontal */
  align-items: center;    /* Centrado vertical */
  height: 100vh;          /* Ocupa toda la altura de la ventana */
  background: linear-gradient(135deg, #000111, #1a1a2e); /* Fondo dinámico con degradado */
  overflow: hidden;       /* Sin barras de desplazamiento */
  font-family: 'Arial', sans-serif; /* Fuente sencilla y legible */
}

canvas {
  display: block;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.7); /* Sombra para el canvas */
  border-radius: 8px; /* Bordes redondeados */
  background: radial-gradient(circle, #87ceeb, #1a1a2e); /* Fondo suave en el canvas */
}