* {
    margin: o;
    padding: 0;
    box-sizing: border-box;
}

ul {
    list-style: none
}

body {
    background-color: #f7f5f5;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.container {
    max-width: 80rem;
    margin: 0 auto;
}

a {
    text-decoration:none; color:#b3049b;
}
.nav1:hover{color:#ffffff;background-color:#18a8ad75}
.menu-nav1 {
    color: #b3049b; background-color:#ffffff ;
    display: grid;
    grid-template-columns: 16.6%16.6%16.6%16.6%16.6%16.6%;
    justify-items: center;
}

header {
    background-color: #18a8ad;
    color: #fdfbfc;
    padding: 0.1rem;
    max-height: auto;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-align: center;
}

main {
    margin-left: 8rem;margin-bottom: 0.1rem;
    padding: 0.5rem;
    background-color: #ffffffe1;
    color: #880e78;
    text-align: center;
    line-height: 0.5rem;
}
.hr-materias {margin-left: 8rem;}
.lista-materias {
    margin-bottom: 0.2rem; margin-top:0.2rem;padding:0.4rem;
    text-align:center;
    color: #919191;
}

.wrapper{display:grid;grid-template-columns:70%20%;grid-column-gap:8rem; margin-top: 1rem;}
.div-materias {display: grid;grid-template-columns: 50%50%;align-items: center;margin-left: 8rem;}

.columna-2 {padding: 2rem; background-color: #66666611;
    text-align: center;
    color: #18a8ad; line-height: 0rem;
}
.img-integrantes:hover {transition:all 0.1s ease; filter:opacity(80%)}
.legal{margin-top: 0.5rem;margin-bottom:2rem;margin-left: 0rem;
    color: #0a7c80;
    font-size: small;
    height: 3rem; align-content: center;
}
.img-integrantes {margin-top: 2rem;}
footer {
    text-align: center;
    background-color:#660159b2;
    color: rgba(255, 255, 255, 0.986);
    height: 40rem;
    padding: 30px;
margin-top: 3rem;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
.logo-uba{align-content: center;max-width: 10rem;}
.logo-ocampo{align-content: center;}
}