/* Formato Spara pagina principal */
@import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mogra&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');

*{

    margin:0;
    padding:0;
    box-sizing: border-box;
}



body{
    background-color: darksalmon;
    width:100vw;
    height: 100vh;

}

.botonera{
    
    width: 85vw;
    height: 10vh;
    font-family: 'Mogra', cursive;
    margin:auto;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;


}

.Titulo{
    width: 50%;
    height: 20%;

    margin:auto;
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    background-color: mediumspringgreen;
    font-size: 200%;
    color: moccasin;
    text-align: center;
    font-family: 'Sedgwick Ave Display', cursive;
    letter-spacing: 0.25em;
}


.info{

    width: 90vw;
    margin:auto;

    margin-top: 5%;
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

}

.texto{
    width: 70vw;
    padding-right: 3%;

    font-size: 1.5rem;
    font-family: 'Satisfy', cursive;
    color:darkslategray;
    text-align: justify;

}

.foto{
    width:30vw;

}

.foto img{
    width:100%;

    border-radius: 20%;
border: 10px solid lightseagreen;

}