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(45deg, #1c1c1c, #3d3d3d); /* Fondo degradado para más dinamismo */
  overflow: hidden;       /* Elimina las barras de desplazamiento */
  font-family: 'Arial', sans-serif; /* Fuente más moderna */
}

canvas {
  display: block;
  border: 3px solid #fff;  /* Borde blanco para darle un toque elegante */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6); /* Sombra suave para darle profundidad */
}