@import url('https://fonts.googleapis.com/css2?family=Simonetta&display=swap');

*{
    background-color: rgb(194, 158, 228);
    font-family: 'Simonetta'; 
    font-style: italic;
    font-size: 2.5vmax;
    width: 90vmax;
    margin: initial;
}

.navegador{    
    border: outset rgb(80, 32, 124);;
    background-color: rgb(156, 113, 196);
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    text-align: center;    
    margin-left: 5%;

}

.titulo{    
    background-color: rgb(156, 113, 196);
    font-size: 3.5vmax;
    font-family:'Simonetta', cursive; 
    color: rgb(4, 4, 5);
    width: 80vw;
}

.volver{
    background-color: rgb(177, 145, 207);
    border-radius: 20%;    
    width: 30vmax;
}

.ingresar{
    background-color: rgb(177, 145, 207);
    border-radius: 20%;
    width: 30vmax;
}

.presentacion{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2vmax;
    border: rgb(220, 206, 233);
    text-align: justify;
    padding-top: 5%;
    padding-bottom: 2%;
    margin-left: 5%;
}

.texto{
    width: 60%;
    font-size: 2vmax;
    text-align: justify;
    flex-grow: unset;
    justify-self: left;
}

.contenedor_foto{
    width: 40%;

}
.foto{
    max-width: 40%;
          
}

.pie{
    font-size: 1.5vmax;
    text-align: center;
    border: none;
}