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

header nav ul{
        max-width: 100%;
        display: flex;
        align-items: center;
        padding: 0em;
        list-style:none;
        text-decoration: none;}

header {  
        background: #487291;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0em 0em 0em 0em; }
        

.menu ul {
        font-size: 15px;
        margin: 0em 10em 0em 0em;
        padding: none;
        display: flex;
        flex-direction: row;
        align-content: center;}

.menu ul li {
  display: inline-block;
  margin: 0em 0em 0em 0em; }

.menu ul li a{
    text-decoration: none;
    color: white;
    display: block;
    padding: 10px 10px 10px 10px;}


h1 {color: #187ec9;
    padding-top: .5em;
    text-align: center;
    height: 45px;}

h2 {color: #187ec9;
    padding-top: .5em;
    align-content: center;
    text-align: center;
    height: 25px;}

h3 {color: #187ec9;
    text-align: center;}

.logoclub img{
        display: flex;
        align-content: center;
        margin-left: auto;
        margin-right: auto;
}


nav ul li {list-style: none;
            align-content: center;
            text-align:center;}
.maca a{
    display: flex;
    flex-direction: row;
    background-color: #023860;
    margin-bottom: 4px;
    width: 200px;
    font-size: 20px;
    border-radius: .7em .7em .7em .7em;
    padding: .3em .3em .3em .3em; }
.maca a:hover{color: #b0f9ff;}

.barbi a{
    display: flex;
    flex-direction: row;
    background-color: #023860;
    margin-bottom: 4px;
    border: solid .5px #487291;
    width: 200px;
    font-size: 20px;
    border-radius: .7em .7em .7em .7em;
    padding: .7em .7em .7em 1.2em;
    align-items: center; }

.barbi a:hover{color: #b0f9ff;}

header .contenedor {
        max-width: 40rem;
        margin: 0 auto;
        padding: 1rem;
        background-color: #E2E7F1 

    display: flex;
    justify-content: space-between;
    
        flex-direction: column
}

nav ul li a
    { color: #ffffff;
    text-decoration: none;
    } 


body .cuerpo
{max-width: 40rem;
    margin: 0 auto;
    padding: 1rem;
    background-color: #F5F5F5
}

.descripcion {border: solid 1px white;
    border-radius: 0.8rem;
    margin-top: .3em;
    margin-right: 10%;
    margin-bottom: .2em;
    margin-left: 10%;
    padding-right: .2em;
    padding-bottom: .2em;
    padding-left: 1em;}

.integrantes {
    border: solid 1px white;
    border-radius: 0.8rem;
    margin-top: .3em;
    margin-right: 10%;
    margin-bottom: .2em;
    margin-left: 10%;
    padding-right: .2em;
    padding-bottom: .2em;
    padding-left: 1em;
}

.datos {
    border: solid .5px #487291;
    border-radius: 0.8rem;
    margin-top: 0;
    margin-right: 10%;
    margin-bottom: .2em;
    margin-left: 10%;
    padding-right: .2em;
    padding-bottom: .2em;
    padding-left: 1em;
}

footer {
position:inherit;
    bottom: 00;
    font-size: 0.8em;
    color: white;
    background: #487291;
    height: 5em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1rem;
    padding-right: 1rem;}