@import url(https://fonts.googleapis.com/css2?family=Square+Peg&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Neucha&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap);

*{ /*formato de "anuario personal"*/
    font-family: "Indie Flower";
    font-size:x-large;
    color:black;

}


body{ /*formato del fondo*/
    background-color:rgb(233, 150, 122) ;

}

header{ /*formato del encabezado*/
    text-align: center;
    font-family: "square peg" , cursive;
    font-size: xx-large;
    color:black;

}
/* From uiverse.io by @aasisodiya */
button { /*en ésta parte arranca el formato de los dos botones*/
    background-color: #eee;
    border: none;
    padding: 0.5rem;
    font-size: 1rem;
    width: 5em;
    border-radius: 1rem;
    color:rgb(233, 150, 122);
    box-shadow: 0 0.4rem #dfd9d9;
    cursor: pointer;
   }
   
   button:active {
    color: white;
    box-shadow: 0 0.2rem #dfd9d9;
    transform: translateY(0.2rem);
   }
   
   button:hover:not(:disabled) {
    background:rgb(233, 150, 122);
    color: white;
    text-shadow: 0 0.1rem #bcb4b4;
   }
   
   button:disabled {
    cursor: auto;
    color: grey;
   }

.presentacion{
    display: flex;
    width: 80vw;
    margin: auto;
    align-items: center;


}

h2{ /*formato del título(Valentina Etcheverry*/
    text-align: center;
    font-family: "Neucha" , cursive;
    font-size:x-large; 
    color: black;
    

}

p{ /*formato del parrafo , donde se encuentran los datos personales*/
    text-align: left;
    font-family: "Indie Flower";
    font-size:x-large;
    color:black;
    letter-spacing: 2px;
}


a:link {
    text-decoration: none;
}

.botones{ /*formato de los botones (general)*/
    display:flex;
    flex-direction:row;
    width: 100vw;
    justify-content: space-around;
    align-items: center;

}
.textos{ /*tamaño del texto*/
    width: 50%;


}

.foto_personal{ /*tamaño de la imagen*/
    width:50%;



}

.foto_personal img{
    width: 100%;

}

footer{ /*formato del pie de página*/
    text-align: center;
    font-family: "square peg" , cursive;
    font-size: xx-large;
    color:black;
    position: fixed;
}