*{
   
 padding: 0;
   
 margin: 0;
   
 box-sizing: border-box;

}


body{
    font-family: 'Roboto', sans-serif;

}


.contenedor{
   
 width: 80%;
    
margin: auto;

}


header{
    
 width: 100%;
   
 height: 300px;
   
 background: url('../img/portada.png');
    
background-size: cover;
    
background-position: center 
center;

}


main .perfil{
    
width: 150px;
   
 height: 150px;
    
background: gray;
    
border: 5px solid #fff;
   
 border-radius: 50%;
    
margin-top: -90px;
    
margin-bottom: 10px;
   
 margin-left: auto;
    
margin-right: auto;

}


main .perfil img{
   
 width: 100%;
   
 border-radius: 50%;

}


main .texto h2{
    
text-align: center;
   
 font-size: 35px;
   
 margin: 10px 0px;

}


main .texto p{
   
 font-size: 16px;
  
  font-style: italic;
   
 margin-bottom: 15px;
   
 text-align: justify;

}


.boton a{
   
 background: #000;
    
text-decoration: none;
    
color: white;
   
 font-size: 16px;
    
display: block;
   
 padding: 15px 10px;
    
border-radius: 5px;
   
 width: 150px;
    
margin: 15px auto;
    
text-align: center;

}


.boton a:hover{
   
 background: #000252;

}


footer{
   
 background: #002024;
    
padding: 30px;

}


footer p{
    
color: white;
   
 text-align: center;

}