@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@200;500;700&display=swap');

/* Estilos de Index Grupal */


body {
    font-family:sans-serif;
    background:rgba(108, 0, 255, 0.43);
    text-align:center;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    
   
     }

HTML {
    height: -webkit-fill-available;
     }

  
ul li:hover a {
    background:rgba(122, 142, 142, 0.68);
    
               }


header nav ul { 
    display:flex;
    justify-content: center;
    list-style:none;
    text-decoration: none;
    display:flex;
    margin-right:40px;
    
              }
    
header a { 
    display:flex;
    justify-content: center;
    color:#f7f7f7;
    cursor:pointer;
    text-decoration:none;
    font-size: 1.1em;
    background-color:transparent;
    padding: 0.2em;
    margin: 0.3em;
   font-family: 'Yanone Kaffeesatz', sans-serif;
  
     
         }


header  {
    display:flex;
    justify-content: center;
  margin:  -0.5em;
  position: fixed; 
  width:100%;
  top: 0px;
  background-color:#000000;

  text-align: center;
         }

.encabezado{ 
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-content: center;
    align-items: center;
    
    
}

h1 { text-align: center;
    margin: 0.5em 0em 0em 0em ; 
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 25px;
   }



main article { 
    margin:8em 1em 0em 1em;
    display: flex;
    flex-direction: column;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    align-content:center;
    
              }

main p { 
    text-align: center;
    max-width: 20em;
       }

main { 
    max-width: 50em;
    margin: auto;
    
     }

h3{ font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 25px;
    
  }

.equipo {
    display: flex;
    flex-direction: column;
    padding: 0em 0em 5em 0em;
    
        }
 
#estudiantes img {
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;  
    border:2px solid black;
    margin:0 auto;
            }
    
section a {
    text-decoration: none;
    color:white;
    margin:0.5em 0em 0em 0em;
    text-align: justify;
          }

 
.carpeta1, .carpeta2, .carpeta3 { display: flex;
    flex-direction: column;
    text-align: center;
    margin:0.4em; 
   
}
  #estudiantes {
    max-width: 50em;
    margin: auto ;
    display: flex;
    flex-wrap: wrap;
    align-items:center;
      justify-content: center;
             }  
aside {
    max-width: 50em;
    margin:0 auto 2em;
      }

.pie {
    max-width: 50em;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    align-content:center;
    flex-wrap: wrap;
    justify-content:center;
     }

footer {
    background-color:rgba(101, 123, 123, 0.17);
       }

footer img {
    width: 50px;
    margin: 0 auto;    
           }

footer p {
    text-align:left;
    margin: 0em, 0em 0em 0em;
          }

footer h6 {
    display:;
    color:crimson;
    font-size: 0.6em;
    max-width: 50em;
    margin:2em 1em 3em 1em;
    text-align:center;
    letter-spacing: 1px;
    
          }

.pie1 {
    display: flex;
    flex-direction: row;
    align-items:center;
      }

.pie2 { 
    display: flex;
    flex-direction: row;
      }

.pie3 {
    display: flex;
    flex-direction: row;
      }


/** Mobile first 630 x 640 **/

@media screen and (min-width: 600px){
    header{ align-items: center;
        
        
    }
    
   
      
        
    
}

/*** dispositivos laptops/desktops ***/
 
@media screen and (min-width: 992px){

    
}



/* Estilos de Mapa Grupal */

#mapa {
    min-height: 100%;
    min-width: 100%;
}

.Boceto { width: 100%;
   
        }

#delmapa{background-color: white;
    
}
#Mapa2 {
   
    max-width: 50em;
    margin:0 auto;
      }


#Mapa na ul a {
    text-decoration: none;
               }

/* Estilos de Plan Grupal */


#Idea {
    
    padding: 0em 3em 3em 3em;
    display: flex;
    flex-direction: column;
      }


/* 

Estilos de Perfil Julian 

#estudiante {
    background-color: #ffffff;
    margin: 4em;
    padding: 3em;
    
            }
*/