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


header, footer, main, body, section {
    width: 90%;
    margin: 20px auto;
    max-width: 1000px;
}

body {
    background-color: #78d1bc;
    font-family: 'Montserrat', sans-serif;
    
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between

   }
  
.logo {
    background: #E4DED6;
    font-size: 20pt;
    padding: 10px;
    color: #383838;
    font-family: 'Hepta Slab', serif;
    font-weight: 900;
    border-radius: 10px;
    letter-spacing: 0.1em;
    float: left;
    display: block;
    text-decoration: none;
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.1);
}


           /* Foto de perfil */

.avatar {
    
    box-shadow: 1px 3px 10px 0px #0f3e53;
    display:block;
    margin:auto;
}


a {
    text-decoration: none;
    color: #0f3e53;
}

section div a {
    color:#383838;
    
}



header nav {
     overflow: hidden;
}

header nav ul {
    list-style: none;
    
}

header nav ul li {
    float: right;
}

header nav ul li a {
    padding: 10px 20px;
    display: block;
    color: white;
    text-decoration: none;
}

header nav ul li a hover {
    background: rgba(255, 255, 255, 0.4);
    
}





        /* Datos rotulo 1*/

h1 {
    color: #225d77;
    font-family: monospace;
    font-size: 17pt;
    text-align: center;
    text-transform: uppercase;
        padding: .5em;
   }


h2 {
    font-family: 'Lexend Mega', sans-serif;
    font-size: 13pt;
    text-align: center;
    line-height: 21px;
    padding: .5em;

}





         /* Materias cursadas y aprobadas */


div ul li {
    display: flex;
    flex-direction: row
    justify-content: flex-start;
    text-indent: 1em;
    
    font-family: 'Manjari', sans-serif;
    font-size: 15px; 
    text-align: left;
    list-style: none;
    line-height: 25px;
    padding: .3em;

    
    
}
   
    h4 {
    
    font-family: 'Lexend Mega', sans-serif;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    
    /* fondo gris del titulo h4 */    
    
    color: white;
    background-color: #005343 ;
    border: solid 6px #005343;
    border-radius: 1rem;
    box-shadow: 1px 3px 10px 0px #0f3e53 ;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: .28em;

     
}

             /* integrantes */

#integrantes ul li  {
    padding: 10px 20px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;

    
}

#integrantes ul li a {
    color: #0F3E53;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}

#integrantes, img {
    
    
    width: 150px;
    height: 150px;
    border-radius:150px;
        
    box-shadow: 1px 3px 10px 0px #0f3e53;
    margin:auto;
       
}




.dgpc {
    background: rgba(0, 83, 67, 0.13);
    padding: 2em;
    border-radius: 4px;
    font-size: 12px;
    line-height: 17px;
    box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.19); 
}




footer {
    background: #E4DED6;
    color:#383838;
    padding: 1em;
    font-size: 8pt;
    border-radius: 10px;
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
    
   }