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

body{ 
    background-color: #10eb647a;
}

h1{ 
    font-family: 'Smooch', cursive;
    color: rgb(45, 116, 104); 
    text-align: center;
    font-size: 50px;
    background-color: #156d538e;
}


.textos{ 
    width: 60%;
   
    font-family: 'Pacifico', cursive;
  
    color: black;
    text-align: center;
    margin-left: center;
    margin-top: 2%;
}

header{ 
       width: 100vw;
       color: black;
       font-family: 'Smooch', cursive;
       font-size: 18px;
       text-align: center;
       background-color: rgba(30, 28, 179, 0.705); 
       position: fixed;
       top: 0;
}

.presentacion{

    width: 57vw;
    display: flex;
    margin: auto;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 5%;

} 


.botones{ /* botones */
 
       font-size: medium;
       font-family: 'Koulen', cursive;

       display: flex;
       flex-direction: row;
       align-items: center;
       justify-content: space-between;
       margin-left: 1%;
       margin-right: 1%;
    }   

.pie_de_pagina{/* pie de  pagina */
    
    width: 100vw;
       color: black;
       
font-family: 'Smooch', cursive;
       font-size: 18px;
       text-align: center;
       background-color: rgba(45, 28, 197, 0.705); 
       position: fixed;
       bottom: 0;
}

.foto_personal {/* imagen */

    width: 40%;
    margin-top: 2%;
    margin-bottom: 4%;

}

.foto_personal img{

    width:100%;

}