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

/* comienzo de edición */
*{
   
    background-color:rgb(113, 113, 238);
    color:azure;
    font-family: 'Montserrat', sans-serif;}

h1{
    color: chocolate;

}

p{

    text-align: justify;

    

}




.presentacion{
    display:flex;
    width: 75vw;
    margin: auto;
    margin-top: 5%;

}

.textos{

   width: 60%; 

}

.imagen_propia{

    width: 40%;
    margin-left: 30px;

}

.imagen_propia img{
    

    width:100%;

}

header{

    text-align: center;
}

footer{
    position: fixed;
    bottom:3%;
    width: 100vw;
    text-align: center;

}

.botones{

    display:flex;
    flex-direction: row;
    width: 100vw;
    justify-content: space-around;
    align-items: center;
    margin-top: 3%;


}

/* From uiverse.io by @Botwe-Felix5820 */
button {
    height: 3em;
    width: 8em;
    border: none;
    border-radius: 10em;
    background: #016DD9;
    font-size: 17px;
    color: #ffffff;
    font-family: inherit;
    font-weight: 500;
   }
   
   button:hover {
    animation: shake3856 0.3s linear infinite both;
   }
   
   @keyframes shake3856 {
    0% {
     -webkit-transform: translate(0);
     transform: translate(0);
    }
   
    20% {
     -webkit-transform: translate(-2px, 2px);
     transform: translate(-2px, 2px);
    }
   
    40% {
     -webkit-transform: translate(-2px, -2px);
     transform: translate(-2px, -2px);
    }
   
    60% {
     -webkit-transform: translate(2px, 2px);
     transform: translate(2px, 2px);
    }
   
    80% {
     -webkit-transform: translate(2px, -2px);
     transform: translate(2px, -2px);
    }
   
    100% {
     -webkit-transform: translate(0);
     transform: translate(0);
    }
   }