* {
font-family: 'Monda', sans-serif;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #BD0A0A;;
    font-weight: bold;
}



ul {
    list-style: none;
    padding-left: 0;
}

/*------------------ body ------------------*/

body {
    background-color: #15151A;
    background-image: url(imagenes/fondo.jpg);
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
}

.recuadro, main > .main {
    
    max-width: 70rem;
    margin: 0 auto;
    padding: 1rem;
}

/*----------------- header -----------------*/



nav ul li {
    flex-basis: 21%
}

nav ul {
    margin: 0;
    padding 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}


nav ul li a {
    display: flex;
    text-align: center;
    color:#BD0A0A;
    padding: 0.5em .5em;
    font-weight: bold;
    border: solid 3px #BD0A0A;
    border-radius: 5px;
}

/*------------------ main ------------------*/

main {
    text-align: center;
}

main .main {
    border: solid 3px #BD0A0A;
    padding: 1rem;
    margin: 0 auto;
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
}


#integrantes {
   border-radius: 50%;
    width: 100px;
    height: 100px;
}
main p {
    margin-top: 10;
}
main h1 {
    margin: 0;
    font-size: 20pt;
    color: #BD0A0A;
    }
main h2 {
    margin: 0;
    font-size: 20pt; 
     color: #BD0A0A;
    
}
main h3 {
    margin: 0.4em;
    margin-top: 1em;
    font-size: 15pt;
    color: #BD0A0A;
}

main h4 {
    margin: 0;
    font-size: 13pt;
    color: #BD0A0A;
   
}
main h5 {
    margin: 0;
    font-size: 10pt;
    color: #BD0A0A;
   
}

main ul {
    margin-top: .04em;
}

.modredes {
    display: flex;
    justify-content: space-between;
}

.redes {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6rem;
    margin:8;
    padding: .5em 0;
     border-radius: 50%;
    width: 100px;
    height: 100px;
} 
.uba {
    display: flex;
    justify-content: space-between;
    text-align: left;
   } 
/*----------------- footer -----------------*/

footer {
    align-self: flex-end;
    background: #BD0A0A;
    margin-top: 2em;
    width: 100%;
   
}

footer div {
    display: flex;
    margin: 0 auto;
    padding: 1em;
}

footer div p {
    color: white;
    font-size: 10pt;
}