@import url('https://fonts.googleapis.com/css?family=Montserrat');
*{ margin: 0; padding: 0; margin: auto; box-sizing: border-box;}

body{
    background-color: gainsboro;
} 

h1 {
    background: #0093ff;
    background-image: url("img/banner.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 8rem; 
    text-align: center; 
    color: whitesmoke; 
    font-size: 3rem; 
    font-family: 'Montserrat'; }

h2 {
    font-family: 'Montserrat';
    color:#ff001d;
    padding: 2rem 1rem;
    text-align: center;
}



section {
    text-align: center;
    background: whitesmoke;
    font-family: 'Montserrat'
}

footer {text-align: center;padding: 5rem 2rem 2rem 2rem; font-family: 'Montserrat'; font-size: 0.8rem; }

a {text-decoration: none; color: #000;}


article {
    width: 100%;
    background: gainsboro;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}

article a {
    background: gainsboro;
    display: inline-block;
    font-size: 1.5rem;
    width: 20%; 
    padding: 2rem 0 2rem 0;
    font-family: 'Montserrat';
}

article a:hover {
    background: gainsboro; 
    display: inline-block; 
    width: 20%;  
    padding: 2rem 0 2rem 0;
    color: cadetblue;
}

.fotoperfil {
    width: 100px;
    height: 100px;
    border-radius: 50%;   
}

div .container {
    justify-content: space-around;}

div .perfiles {
    width: 20%;
    display: inline-block;
}


h3 {margin-top: 2rem; color: #0093ff font-family: 'Roboto';}
.datosacademicos {text-align: center; padding-top: 2rem; padding-bottom: 5rem;}


.datosacademicos p {line-height: 2rem}






/***********/

header nav {background: rgba(255, 0, 29, 0.63);text-align: center; font-family: 'Montserrat'; }
header img {width: 100%; height: auto; justify-content: center}

header nav ul li{ display: inline-block;padding: 1rem;text-align: center;list-style-type: none; font-size: 1rem; color: dimgrey;font-family: 'Montserrat';}









nav ul li a {text-decoration: none; font-size: 1.2rem; color: black; padding:1rem 2rem 1rem 2rem; font-family: 'montserrat'; font-weight: 300; transition: 0.3s ease}
nav ul li a:hover {background-color: whitesmoke; color: #ff001d}










section.datosacademicos {
    background-color: whitesmoke; 
    color: #001e48; s
    padding: 3rem 2rem 2rem 3rem; 
    font-family: 'Montserrat'; 
    display: list-item;
    font-size: 0.8rem;
    
}