/* body {

    margin: 0;

    padding: 0;

    font-family: Arial, sans-serif;

} */

body {

    background-color: #f0f0f0; /* Color de fondo para todo el cuerpo */

    background-image: url('/img/Fnd2.jpg'); /* Imagen de fondo para todo el cuerpo */

    background-size: cover; /* Ajustar la imagen de fondo para cubrir todo el cuerpo */

    background-position: center; /* Posicionar la imagen de fondo al centro del cuerpo */

    margin: 0; /* Eliminar el margen predeterminado del cuerpo */

    padding: 0; /* Eliminar el relleno predeterminado del cuerpo */

}





.container {

    display: flex;

    justify-content: center;

    align-items: flex-start; /* Cambia de 'center' a 'flex-start' */

    min-height: 100vh; /* Usa 'min-height' en lugar de 'height' */

    box-shadow: 0 0 3px 0 rgba(4, 11, 77, 0.623);

    transform: scale(1);

    transition: transform 0.6s;

}

.container:hover{

    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);

    transform: scale(1.03);

    cursor: pointer;

}



.content {

    max-width: 800px; /* Ancho máximo del contenido */

    padding: 20px;

    background-color: #f9f9f9;

    border-radius: 10px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



h1 {

    text-align: center;

}