/* style.css */

body {
    /* Define una fuente base más moderna */
    font-family: Arial, sans-serif;
    
    /* Un color de fondo suave */
    background-color: #f4f4f4;
    
    /* Usa Flexbox para centrar todo fácilment */
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center;   /* Centra verticalmente */
    
    /* Ocupa el 100% de la altura de la ventana */
    height: 100vh;
    
    /* Elimina el margen por defecto del navegador */
    margin: 0;
}

h1 {
    /* Cambia el color del texto */
    color: #333;
    
    /* Añade una sombra de texto sutil */
    text-shadow: 2px 2px 4px #aaaaaa;
}