@charset "utf-8";

* {
    max-width: 95%;
    margin: auto;
    padding: 5px;
    font-family: fira sans;
}

html {

    background: #f3eae8;
}

header {
    background: #f3eae8;
}

header img {
    max-height: 50px;

}

ol,
ul {
    list-style: none;
}

.indice a {
    color: white;
    text-decoration: none;
}

.indice a:hover {
    color: white;
    text-decoration: none;
    background: #7b7974;
}

.indice li {
    display: inline-block;
}

header nav {
    background: #163e53;
    max-width: 97%;
}

header img {
    max-width: 100%;
    margin-left: 3px;
}

main {
    background: #7b7974;
}

h1 {
    text-align: center;
    background: #163e53;
    line-height: 100%;
    margin: 10px;
    padding: 3ex;
    color: #f3eae8;
    font-family: rubik;
}

h2 {
    color: #f3eae8;
    font-family: poppins;
}

h3.nombre a {
    text-decoration: none;
    color: #163e53;
}

h3.nombre a:hover {
    text-decoration: none;
    color: #f3eae8;
}

h4 {
    padding-top: 20px;
}

#bocado1 {
    margin: 10px;
    padding: 20px;
    height: auto;
}

#bocado2 {
    background: #163e53;
    margin: 10px;
    padding: 20px;
    height: auto;
}

#bocado3 {
    background: #7b7974;
    color: #f3eae8;
    margin: 10px;
    padding: 20px;
    height: auto;
}

#extra {
    background: #163e5386;
}


.alumnos {
    min-height: 50px;
    min-width: 50px;
    max-width: none;
    max-height: none;

    margin: 10px;
    padding: 5px;
    background: #f3eae86e;
}

.presentacion {
    margin-left: 8px;
}

div.integrantes {
    display: flex;
    flex-wrap: wrap;
}

#datosACUMAR {
    background: #f3eae84f;
    color: #f3eae8;
}

#datosAcademicos div {
    display: flex;
    flex-wrap: wrap;
}

#datosUBA,
#datosFADU,
#datosDGPC {
    background: #f3eae84f;
    color: #f3eae8;
    margin: 10px;
    padding: 10px;

    min-height: 100px;
    max-height: none;
    width: 400px;
}

footer {
    background: #163e53;
    text-align: center;
    color: #f3eae8;
}

.color {
    background: #7b7974;
}

/*
#163e53
#7b7974
#f3eae8
#1787a4
*/

@media (min-width: 980px) {
    .alumnos {
        min-height: 100px;
        min-width: 100px;
        max-width: 300px;
        max-height: 500px;
    }

    #datosUBA,
    #datosFADU,
    #datosDGPC {
        max-width: 270px;
    }

}