body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #eef0f0 !important;
  margin: 0;
  font-family: Arial, sans-serif;
}

canvas {
  background-color: #70c5ce;
  border: 2px solid #000;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
@media (max-width: 768px) {
  body {
    padding: 20px; /* Añadir un poco de espacio alrededor del cuerpo */
  }

  canvas {
    max-width: 100%; /* Hacer que el canvas sea responsive */
  }
}