@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@100; 400; 900; &display=swap');

/* estilos generales

font-family: 'Roboto', sans-serif; font-weight: 100; text-decoration: none; 

selector{propiedad:valor;}
class=''nombrere o referencia'' para articulos individuales, dentro de etiqueta articulos
*/

*{ margin: 0; padding: 0; box-sizing: border-box;} 
.contenedor {max-width: 75rem; margin: auto;}

*{ font-family: 'Roboto', sans-serif; text-decoration: none;}

body{background :#219EBC ; text-align: center; margin: 0.5%; }

body article nav { 
    margin: 0.5%; 
    text-align:center;
    font-size: 0.8rem;
    word-spacing: 18rem;
    LETTER-SPACING: 0.3rem;
    text-decoration: none; 
}


header{background :#022f46 ;
text-align: center;
padding: 0% ;
border-bottom: 2% ;
}

.nombreprincipal .negrita {font-weight: 900; text-align: center;}
.subtitulo .letrafina { font-weight: 100;}
.historial .letramedia { font-weight: 400;}
.historial .letrafina { font-weight: 100;}

.columnamaterias{ display: flex;}

.nombreprincipal{
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 2.2rem;
    /* box-shadow: 0.7rem 0.7rem 0.7rem rgba(0, 0, 0, 0.600) ; */ }

.subtitulo{ width: 100%;
    text-align:center;
    font-family: 'Roboto', sans-serif; font-weight: 100;
    padding-bottom: 1rem;
    font-size: 1rem;}

    .mifotoprincipalsuperior{ 
        display: flex; 
        justify-content:center;
    }

.mifotoprincipal{ border-top: 1rem solid #8ECAE6;
    
    margin: 1rem;
    
    float: center;
    position: relative;

    box-shadow: 0.7rem 0.7rem 0.7rem rgba(0, 0, 0, 0.600) ;

    }

h2{color:#ffffff;}

h1{color:#ffffff;}

footer P {color:#3f3f3f; font-size:  0.8rem; }

.integrantes {
    background: #022f46;
     
    padding: 1%;
    
}

.navegadoruno{background:#8ECAE6;  
    
    
    margin-bottom: 1.2%;
    
    text-decoration:none; 
    box-shadow: 0.7rem 0.7rem 0.7rem rgba(0, 0, 0, 0.600) ;
}

.datosacademicos{ background: #8ECAE6; 
    text-align: center;  
}

.niveles1general{background: #022f46 ; margin-bottom: 3%; margin: 1%;
    width: 100%; min-height: 16rem; border-top: 1rem solid #8ECAE6;
    box-shadow: 0.7rem 0.7rem 0.7rem rgba(0, 0, 0, 0.600) ;}

.niveles2general{background: #022f46 ; margin-bottom: 3%; margin: 1%;
    width: 100%; min-height: 16rem; border-top: 1rem solid #8ECAE6;
    box-shadow: 0.7rem 0.7rem 0.7rem rgba(0, 0, 0, 0.600) ;} 

.niveles3general{background: #022f46 ; margin-bottom: 3%; margin: 1%; 
    width: 100%; min-height: 16rem; border-top: 1rem solid #8ECAE6;
    box-shadow: 0.7rem 0.7rem 0.7rem rgba(0, 0, 0, 0.600) ;} 

    /*
    .textomaterias{ color: #8ECAE6; 
        text-align:left;
        
        font-size: 0.8rem;
        padding-left: 2%; 
        line-height : 1.5rem;}

     .textomateriass{ color: #8ECAE6; 
        text-align:left;
        
        font-size: 0.8rem;
        padding-left: 2%; 
        line-height : 1.5rem;}

    .textomateriasss{ color: #8ECAE6; 
        text-align:left;
        
        font-size: 0.8rem;
        padding-left: 2%; 
        line-height : 1.5rem; } */

    body section div article p { color: #8ECAE6; 
        text-align:left;
        
        font-size: 1rem;
        padding-left: 15%;
        line-height : 2rem; }


        .integrantes {
        
            
            margin-top:1%;
            color:whitesmoke;
            text-align: center;
            
            margin-bottom:2%;
            }

            .nombre-fotos {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
                align-content: stretch;
                margin-top: 2%;
              }

    
              .int {
                width:60%;
                margin-top: 1%;
                border-top: 1rem solid #8ECAE6;
                
        
            }