#VM13 {
    list-style: none;
    margin: 0;
    padding: 0;

}

body {
    background-color: whitesmoke;
    color: grey;
        
}
footer {
    background-color: whitesmoke
}
#logos {
    text-align: left;
}


#linksalumnes {
    background-color: gainsboro none;
    margin: 0;
    padding: 0;
}

img {
    width: 40%
}

#grupo nav {
    background-color: #c9a2a1;
}

.vm13 nav ul li {
    text-align: center;
    margin: .1em 0 0 0:;
    list-style-type: none;
}

.vm13 nav ul li a {
    color: whitesmoke;
    height: 1.3em;
    font-family: serif;
}

.vm13 nav ul li a:hover {
    background-color: gray;
}

#grupo ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#grupo ul li {
    margin:1em;
}

#integrantes nav {
    background-color: #af7171;
}

#integrantes ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#integrantes ul li {
    margin:1em;
}
section > h2 {
    text-align: center;
    color: grey;
}
h1 {color:#af7171; }


section > h4 {
    text-align: left;
    color: grey
}
.materias {
    display: flex; 
    flex-direction:row;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 2em;
}
.materias > h2 {
    padding: 1em;
    
}

#mc {
    background-color: #c9a2a1;
    text-align:left;
    }

#Melina Gismondi > h2 {
    background-color: gray;
}
#melu {
    width: %;
    max-width: 30em;
    justify-content: space-around;
    text-align: center;
}

#cursando {
    background-color: #c9a2a1;
    text-align:left;
}

#mefalta {
    background-color: #c9a2a1;
    text-align:left;
}
#infoacademica {
    background-color: gainsboro;
    text-align:center;
}
#pie {
    background-color: #c9a2a1;
    text-align:center;
}
#avatar {
    width: 70%;
    max-width: 20em;
    text-align:center;
}

#acumar {
    width: %;
    max-width: 20em;
    text-align:center;
}

#logofadu {
    width: %;
    max-width: 30em;
    text-align:center;
}

#logodgpc {
    width: %;
    max-width: 30em;
    text-align: center;
}