@import url('https://fonts.googleapis.com/css?family=Roboto');

/* Estilos generales */

*{ margin: 0; padding: 0; box-sizing: border-box; }
.contenedor{ 
    max-width: 80rem; 
    margin: auto; 
}
body{
    font-family: 'Roboto', sans-serif; 
    background: #37375E; 
}

/* Header */
h1{ 
    color: #37375E; 
    font-size: 5rem; 
    text-align: center; 
    margin: 2rem; 
    padding: 2rem; 
}
header{ 
    background-image: url(../img/setheader.jpg);
    background-size: cover;
    height: 25rem; 
}

/* Nav */
nav{ 
    text-align: center;
    margin-top: 7rem;
}

nav ul li{
    list-style-type: none;
    display: inline-block;
    background: #37375E;
    margin: 2rem;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    border-radius: 4px;
}

nav ul li a {
    color: #AACFDD; 
    text-decoration: none; 
    padding: 1rem 2rem 1rem 2rem ; 
    display: inline-block;
}

nav ul li a:hover{ 
    background: #356288; 
}


/* Section */

h2 {
    font-size: 2rem;
    text-align: center;
    padding: 2rem 2rem 0.2rem;
    color: #FE875D;
}


.integrantes {
    display: flex;
    justify-content: space-between;
    padding: 0rem 2rem 0 5rem;
    margin: 4rem 10rem 5rem 10rem;
    text-decoration: none;

}

.alumnas {
    text-decoration: none;
    color: #FE875D;
    font-size: 1.2rem;
}

.alumnas p {text-align: center; }

.alumnas p a {text-decoration: none; 
    color: #FE875D; 
}

.alumnas img {
    width: 10rem;
    padding-bottom: 0.5rem;
    border-radius: 50%; margin-top: 2rem; 
}


/* Footer */
footer {
    text-align: center; 
    padding: 5rem; 
    color: #AACFDD;
}