/* tipografias */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Maitree:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Stencil+Text:wght@100;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Inline+Text:wght@100;300;400;500;600;700;800;900&display=swap');



                 /* encabezado */
.contenedor{max-width: 75rem; margin: 1rem;}

header{background: #7ea380;
       border-radius: 0.1rem;
       text-align: center;
       color: #f0f0f0;
       padding: 0.5rem;
       margin: 1rem;
       transition: 0.3s}

.perfil {width: 23%;
        border-radius: 100rem;
        border: 5px solid #f0f0f0;}

h1 {font-family: 'Spartan', sans-serif; font-size: 4rem; font-weight: 500;
    transition: 1s;}
h2 {font-family: 'Spartan', sans-serif; font-size: 1.5rem; font-weight: 200;
    transition: 0.9s}


                 /* menú 1 */
section article {text-align: center;}

nav ul li {display: inline-block; margin: 0.02rem;
      
          text-align: center;
          color: #7ea380; 
          text-decoration: none; 
          padding: 0.8rem;
          box-shadow: .0rem .2rem .1rem .0rem;
          font-family: 'Maitree', serif; font-size: 0.9rem; font-weight: 300}

nav ul li a {color: #9fa9a3; text-decoration: none; background: #c5d5c5); padding: 2rem;}




                /* estilos generales */
body{background: #f0f0f0;}

h3 {text-align: center;
    color: #7ea380;
    align-self: center;
    font-family: 'Big Shoulders Inline Text', cursive; font-size: 3rem; font-weight: 400}



                 /* materias */
.materias {display: flex;
           justify-content: space-around;
           align-items: flex-start;
           transform: 1s}

.materias h4 {color: #f0f0f0;
              font-family: 'Spartan', sans-serif; font-size: 2rem; font-weight: 500;
              transition: 0.7s}

.encurso {font-family: 'Maitree', serif; font-size: 1rem; font-weight: 300; 
          transition: 0.8s;
          color: rgba(0, 0, 0, 0.31)}

article p {font-family: 'Maitree', serif; font-size: 1rem; font-weight: 400; transition: 0.9s}
.catedra {font-family: 'Maitree', serif; font-size: 0.9rem; font-weight: 100; transition: 0.9s}


.columna_1 {background: #e0dab2; 
            box-shadow: .2rem .2rem .2rem silver;
            border-radius: 0.4rem;
            width: 25%; 
            margin: 1rem;
            padding: 1rem;
            text-align: center;
            transform: 0.7s} 


.columna_2 {background: #e0dab2; 
            box-shadow: .2rem .2rem .2rem silver;
            border-radius: 0.4rem;
            width: 25%; 
            margin: 1rem;
            padding: 1rem;
            text-align: center;
            transform: 0.7s}

.columna_3 {background: #e0dab2; 
            box-shadow: .2rem .2rem .2rem silver; 
            border-radius: 0.4rem;
            width: 25%; 
            margin: 1rem;
            padding: 1rem;
            text-align: center;
            transform: 0.7s}
p {font-family: 'Maitree', serif; font-size: 0.8rem; font-weight: 100}



                  /* menu 2 */
/* titulo */
section h4 {text-align: center;
            color: #7ea380;
            font-family: 'Big Shoulders Inline Text', cursive; font-size: 3rem; font-weight: 400;}

/* nombres */
.integrantes {display: flex; flex-direction: row; 
             justify-content: center; 
             align-items: center;
             margin: 1rem}
    
div a img {display: flex;
          justify-content: center;
          align-content: center;
          border-radius: 100rem;
          width: 97%;}


.compañeros1 {display: flex;
              width: 50%;
              text-decoration: none;
              font-family: 'Maitree', serif; font-size: 0.9rem; font-weight: 600;
              color:#e0dab2;}

.compañeros2 {display: flex;
              width: 50%;
              text-decoration: none;
              font-family: 'Maitree', serif; font-size: 0.9rem; font-weight: 600;
              color: #e0dab2;}

.compañeros3 {display: flex;
              width: 50%;
              text-decoration: none;
              font-family: 'Maitree', serif; font-size: 0.9rem; font-weight: 600;
              color: #e0dab2;}

.compañeros5 {display: flex;
              width: 45%;
              text-decoration: none;
              font-family: 'Maitree', serif; font-size: 0.9rem; font-weight: 600;
              color: #e0dab2;}





               /* info legal */

.logos {display: flex; flex-direction: row; justify-content:center; align-content: center; align-items: center}
.fadu {display: flex; width: 10%}
.ocampo {display: flex; width: 19%}   



h5 {display: flex; flex-direction: row; justify-content: center;
    margin: 1rem;
    font-family: 'Spartan', sans-serif; font-size: 0.6rem; font-weight: 100;
    text-align: center; 
    background: #7f9086;
    border-radius: 0.1rem;
    padding: 1rem;
    color: #f0f0f0}


h6  {text-align: center;
     font-family: 'Maitree', serif; font-size: 0.65rem; font-weight: 400;
     color: black;}