/*--- General ---*/
@charset "utf-8";

*{
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  text-decoration: none;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

p{
  font-size: 1em;
  padding: 1em;
  line height: 1em;
}

img{
  max-width: 100%;
  height: auto;
}

h1{
  font-size: large;
  text-align: center;
  background-color: #0b1723;
  color: #38dad1;
  font-size:1.5em;

}
h2{
  font-size: medium;
  text-align: center;
  background-color:#0b1723 ;
  color: #fffeff;

}
h3{
  font-size: small;
  background-color:#0b1723;
  color: #fffeff;
}
p{
  margin-bottom: 0;
}

/*--- mobile first ---*/
@media screen and (min-width: 340px){

/*--- Header ---*/

#contenedor{
  display: flex;
  flex-direction: row;
  background-color: #204569;
  color: #00fef0;
}

#logo{
  background-color:#008079;
  box-sizing: border-box;
  display: block;
}

header nav{
  background-color: #204569;
  margin: auto;
}

header nav ul li{
  margin: auto;
  display: inline-block;
}

header nav ul li a{
  background-color: #008079;
  color: #00020b;
  text-decoration: none;
  display: block;
  width: 4em;
  margin: auto;
  text-align: center; 
}


/*--- Presentacion ---*/

#presentacion{
  background-color: #94c9b9;
  text-align: center;
  margin: auto;
  line-height: 1.5em;
}

#presentacion img{
  width: 100%;
  max-width: 16em;
  padding-top: 1.5em;
}

#presentacion h1{
  padding: 0.5em 0 0.5em 0;
}

#presentacion a{
  color: #38dad1;
  background-color: #00020b;
  display: block;
  padding: 0.5em;
}

/*--- Boceto individual ---*/


/*--- Integrantes ---*/
.estudiante{
 background-color: #94c9b9;
 padding: 1em;
 margin: 0 0 0 0;
 display:flex;
 justify-content: space-between;
 flex-direction: column;
 align-items: center;
 flex-wrap: nowrap;
 align-content: normal;
}

.estudiante a{
  color: #38dad1;
  background-color: #00020b;
  display: block;
  padding: 1.1em;
}

/*--- Materia ---*/
#materias{
  text-align: center;
  line-height: 1.5em;
  background-color: #94c9b9;
  display: block;
}
/*--- Datos academicos ---*/
#datosacademicos{
  line-height: 1.5em;
  text-align: center;
  background-color: #94c9b9;
  display: block;
}

#logouba img{
  max-width: 4em;
}

/*--- Footer ---*/
 .cajapie{
  color: #fffeff;
  background-color: #070707;
}
}

/* reglas para escritorio*/


/* colores 
. #00fef0 celeste
. #fffeff blanco
. #0b1723 negroazul
. #040509 negro
*/