/* style.css */
body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    background-image: url('splash.jpg'); /* Cambia por la ruta de tu imagen */
    background-size: cover; /* Cubre todo el contenedor */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    background-attachment: fixed; /* Fija la imagen de fondo al hacer scroll */
    height: 100vh; /* Asegura que el body ocupe al menos el alto de la ventana */
    color: white; /* Color del texto para que sea legible */
    text-align: center;
    display: flex; /* Para centrar el contenido principal */
    justify-content: center;
    align-items: center;
}

.content {
    background-color: rgba(0, 0, 0, 0.5); /* Un fondo semitransparente para mejorar la legibilidad del texto */
    padding: 20px;
    border-radius: 10px;
}