body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;  /* Centra horizontalmente */
  align-items: center;      /* Centra verticalmente */
  background-color: #f4f4f4; /* Color de fondo opcional */
  font-family: Arial, sans-serif;
}

.container {
  text-align: center;
  width: 100%;
  max-width: 600px; /* Para que no se vea demasiado ancho en pantallas grandes */
  padding: 20px;
}