body {margin:0;
    padding: 0;
    box-sizing: border-box;  
    text-decoration: none;
    list-style: none;
    font-family: sans-serif; 
    background-color:#2f4a74;
    font-family: 'Roboto', sans-serif;
    min-height: 100vh;
}

* {list-style: none;
    text-decoration: none;
    padding: 0;}

header, footer {background-color: #a1b3dd;
    margin: 0 auto;
    padding: 1em 0; 
    color: #2f4a74; 
}

a {font-weight: bold;
}

h1, h2, h3 {font-family: 'Oswald', sans-serif;
font-weight: 500;}

img {
    max-width: 100%;
    height: auto;
}

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

header > div {margin-left: 10%;
    margin-right: 10%;
}

header div.contenedor {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

nav {
    width: 100%;}

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

nav ul li {
    flex-basis: 22%;
}

nav ul li a {
    background-color: #2f4a74;
    color: white;
    display: block;
    text-align: center;
    padding: .3em .3em;
    font-size: .8em; 
    padding: 2e
}

nav ul li a:hover {
    background-color: white;
    color: #2f4a74;
}

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

main {margin: 10%;
    margin-top: 3em;
    margin-bottom: 3em;
    color: white;}

#panel a {
    color: #2f4a74;
    display: block;
    text-align: center;
}

#panel:hover {background-color: white;}


#panel {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 3em;
}

#panel a {
    background-color: #a1b3dd;
    flex-basis: 100%;
    display: block;
    text-align: center;
    padding: .5em;
}

#panel a:hover {
    background-color: white;
}

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

h1 {font-size: 2em;
    padding-bottom: .4em;
    border-bottom: solid 0.12em #a1b3dd;
    margin-top: 0;
}

#lomas {
    border: solid .2em #a1b3dd;
    width: 100%;
    box-sizing: border-box;
    padding: 1.2em 2em;
}

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

#nombres a:hover{
color: white;
}

#integrantes h2 {margin-top: 2em;
    padding-bottom: .4em;
    border-bottom: solid 0.12em #a1b3dd;
    }
#integrantes img 
{border-radius: 10em;
margin-right: 1em;

}

#integrantes ul li 
{display: flex;
flex-direction: row;
flex-basis: center;
padding: 1em; }

body main section ul li a{
color: #a1b3dd;
text-decoration: underline;
margin-top: 2em; 
font-family: 'Roboto', sans-serif;

}


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

.pertenencia h2 {margin-top: 2em;
    padding-bottom: .4em;
    border-bottom: solid 0.12em #a1b3dd;
}

.pertenencia li {
    margin: 0.15em 0em 1em 0em;
    text-align: left;
    border-bottom: solid 0.02em #a1b3dd;
    padding-bottom: 1.2em;
    width: 70%
}

.pertenencia ul {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    align-items: flex-start;
}

.pertenencia ul p {
    font-size: 0.85em;
}


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


.club {
    margin-top: 3em;    
}

.actividades{
    margin-top: 2em; 
}

.actividades ul{
    font-size: 0.82em;
    margin-top: 1em;
    letter-spacing: 0.25em;
    list-style: none;
    line-height: 15pt;
    margin-left: 2em;
}

.objetivo {
    margin-top: 2em;
}

.uso {
    margin-top: 2em;
}

.target {
    margin-top: 2em;
}


/* ----------- footer ----------- */

footer {font-size: .7em;
    padding-right: 10%;
    padding-left: 10%;
}