@import url('https://fonts.googleapis.com/css2?family=Smooch&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&family=Smooch&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Cookie&family=Playfair+Display:ital@1&family=Smooch&display=swap');

/* font-family: 'Cookie', cursive;
font-family: 'Playfair Display', serif;
font-family: 'Smooch', cursive; */
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color:rgb(209, 253, 242);
}

header{
    width: 100vw;
    height: 5vh;
    background-color: rgb(7, 165, 131);
    color:azure;
    position: fixed;
    text-align: center;
    font-size: 3vmin;
    top:0; 
    font-family: 'Playfair Display', serif;
    
}

.botones{ 
 
       font-size: medium;
       font-family: 'Playfair Display', serif;
       display: flex;
       flex-direction: row;
       align-items: center;
       justify-content: space-between;
       margin-left: 1%;
       margin-right: 1%;
       
       
    }   

.enlace{
    text-decoration: none;
    color: rgb(29, 59, 52);
}
h1{

    font-family: 'Smooch', cursive;
    color:rgb(240, 255, 253); 
    text-align: center;
    font-size: 4.3vmax;
    border-bottom: 6px rgb(0, 140, 102); /* borde visual */
    border-top: 6px rgb(27, 126, 100) ;
    border-right: 6px rgb(29, 160, 125);
    border-style:double ;
    background-color: rgb(34, 221, 183);
    margin-left: 150px;
    margin-right: 150px;
    margin-top: 5%;
}

.presentacion{
    width: 57vw;
    display: flex;
    margin: auto;
    align-items: flex-start;
    justify-content: space-between;
       
}

.foto_personal{
    width: 35vmax;
    margin-top: 2%;
    margin-bottom: 4%;
}

.foto_personal img{
   width: 100%;
}

.textos{
    width: 50vmax;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    margin-left: 7%;
    margin-top: 12%;
    color: rgb(0, 39, 30);
}

.pie_de_pagina{
    width: 100vw;
    
    font-family: 'Playfair Display', serif;
   
    position: fixed;
    bottom: 0;
    width: 100vw;
    height: 5vh;
    
    text-align: center;
    font-size: 3vmin;

    color: azure;
    background-color: rgb(7, 165, 131);
    
}