@charset "utf/8";

/*reglas genreales*/


h1 {
    text-align: center;
   color: darkblue;
  font-size: 4em;
} 

h2{
    text-align: center;
    background: #80bfff;
    padding: 0.3em;
}

body {
 display:flex;
    flex-direction:column;
    min-height: 180vh;
   background-color: #e6f2ff;
    justify-content: space-between;
    
}

.bloque1 {
    text-align: center;
}

.contenedor{
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: lightsteelblue;
    padding: 0.5em;
    background: #80bfff
   
}

.contenedor2 {
    font-size: 1.5em;
    text-align: center;
    display: flex;
    justify-content:space-around;
    align-items: center;
    padding: 0.5em;
    width: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.contenedorredes{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.instagram {
 display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
  height: 30%;
  border-radius: 30px;
}

.linkedin {
    display: block;
  margin-left: auto;
  margin-right: auto;
    width: 30%;
    height:30%;
    
    
}

.nataliadonofrio {
    
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     padding: 1em;
     display: block;
     margin-left: auto;
     margin-right: auto;
     width:auto;
    max-width:100%
      
}

.logofadu {
   
    width:20%;
    height:20%;
}

.aprobadas{
    
    background-color: #80bfff;
    padding: 0.5em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    min-width: 350px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);   
}

.titulomaterias{
    
   background-color: dodgerblue;
    padding: 0.3em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 13em;
        
}

.encurso{
    
    background-color: #80bfff;
    padding: 0.5em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:50%;
    min-width: 350px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);   
}

.tituloencurso{
text-align: center;
  background-color: dodgerblue;
    padding: 0.3em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 13em; 
}

.redes{
   text-align: center;
    font-size: 1.5em;
    color: darkblue;
    background: #80bfff;
    padding:0.3em;
}

ul {
    align-content: center;
    list-style: none;
     margin: 0;
     padding: 0 ;   
}

.inicio{
font-size: 2em;

}

.webapp{
font-size: 2em;

}

.plan{
font-size: 2em;
}

.mapa{
    
font-size: 2em;
}

.boceto {
    font-size: 2em;
}

.integrantes {
    background-color: #80bfff;
    text-align: center;
    font-size: 1.5em;
    color: darkblue;
    padding:0.5em; 
}

.alumnos{
    background-color: #80bfff;
    text-align: center;
    font-size: 1.5em; 
    padding: 0.5em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
  
.datosacademicos{
    text-align: center;
    background-color: #80bfff;
    
}

footer {
   background-color: lightsteelblue;
   margin: 2em 0 0 0 ;    
   font-size: 0.8em;
}