* {Box-sizing: border-box;}


*/div {border: 1px solid red;}


/*-------------------BODY INDEX-------------------*/


body {
    background-color: #F8F4FAS;
    font-family: 'Oswald', 'Montserrat', 'sans-serif';
}


/*-------------------NAVEGADOR INDEX-------------------*/


.hamburgesa {
    display: none;
}

#menu {
    justify-content: center;
    width: 100%;
    display: flex;
    max-width: 40rem;
}

.contenedor {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#navegador {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;  
    list-style: none;
    padding: 10px;  
}


a { 
    text-decoration: none;
    color: #fffaf0;
}

li a:hover {
    color: #ff6fa2;
}

#navegador li {
    background-color: #FFBBD3;
    border-radius: 12px;
    padding: 5px 20px;
    text-align: center;
    margin-left: 1em;
    font-size: 20px;
    margin-bottom: 10px;
}


/*-------------------FOTO Y NOMBRE-------------------*/

#avinombre{
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.micara {
    border-radius: 100px;
    display: flex;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 5px 5px;
    background-color: #FFFFFF;

}

.rociomendez {
     display:block;
     margin-top: 30px;
     padding: 1px 5px;
     letter-spacing: 2px;
     text-align: center;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     color: #FFBBD3;
    
    line-height: 0.5;
   
}

.diseñografico {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    
    
}


/*-------------------Materias Aprobadas-------------------*/

#historialacademico{
    background-color: #FFBBD3;
    border-radius: 15px;
}
.materiasaprobadas{
    margin-top: 100px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 10px;
}
.materiasaprobadas h3{
    font-size: 20px;
    letter-spacing: 5px;
    font-weight: 700;

}
.materias{
    text-align: center;
        padding: 10px;
}

p {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}

/*-------------------LOGOS INDEX-------------------*/

#contenedorlogos{
    display: flex;
    flex-direction: column;
    align-content: space-between;
    text-align: center;
    margin-top: 8em;
}

.uba {
    margin-bottom: 3em;
}
.fadu {
    margin-bottom: 3em;
}

.uba, fadu, dgpc, h3 {
    text-align: center;
    letter-spacing: 1px;
    font-size: 13px;
}
#UBA, #FADU, #DGPC li {
    list-style: none;
    font-weight: 100;
    font-size: 13px;
    letter-spacing: 1px;
}

.dgpc h4 {
    font-size: 13px;
}

.dgpc p {
    font-size: 13px;
}





/*-------------------FOOTER INDEX-------------------*/
footer p {
  font-size: 11pt;
  text-align: center
}


footer {
  display: flex;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #FFBBD3;
  padding: 10px;
  color: #fffaf0;
  margin-top: 100px
}

/*-------------------mapa-------------------*/

.mapa{
    display: flex;
    flex-direction: column;
    
}

#mapaimagen {
    margin-top: 10em;
    text-align: center;
    letter-spacing: 3px;
      
}
    
/*-------------------plan-------------------*/
#plan {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
}   
.contenedorclub {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    max-width: 360px
    
    } 

#elclub h3 {
    font-size: 20px;
    letter-spacing: 5px;
    font-weight: 700;
    color: #FFBBD3;
    margin-top: 4em;
    text-align: center;
    max-width: 360px
}

#estrellafederal p{
    text-align: left;
    max-width: 360px
}
.propuesta {
    max-width: 360px
}


@media only screen and (max-width: 600px) {

    .hamburgesa {
        display: block;
    }

    #menu {
        display:none;
    }

    .material-icons.mimenu {
        color: #FFBBD3;
        font-size: 60px;
    }

}