@charset "utf-8";
*{
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
}


body{
    margin: 0;
    padding: 0;
    background-color: #dae049;
    font-family: "Montserrat", sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: center;

}  

.contenedor {
   width: 100%;
    max-width: 100em;
    margin: auto;
    overflow: hidden; }

header { 
background-color: white;
}



.menu, main > section {
    max-width: 50rem;
    margin: 0 auto;
    padding: 1rem;
}

.club{
    display: flex;
    flex-direction: column;
    align-items: center;
    
}

.club > img{
    min-width: 12em;
}

header img{
margin-right: 2em;
}

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

nav {
    width: 100%;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: none;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    align-content: center; 
    align-items: center;
}

nav ul li {
    flex-basis: 20%;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

nav ul li a {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    text-align: center;
    padding: .125em .5em;
    border-radius: 4px;
    
}

nav ul li a:hover {
    background-color: black;
    
}

main section{
    margin-top: 1em;
    margin-bottom: 1em;
    
  }
section a img {
    height: 3em;
    
}

.integrantes img {
    border-radius: 50%;
    padding: 1em;
    
}


.club p{
    margin: 1em;
    
}


h3{
    color: white;
   
}


.formales{
    padding-right: 1em;
    padding-left: 1em;
    background-color: black;
    }

.uba, .fadu, .dgpc{
    padding: 1em;
    border: solid 2px white;
    background-color: #dae049;
}

.fadu{
    padding: 1em;
    border: solid 2px white;
    background-color: #dae049;  
}

.dgpc{
    padding: 1em;
    border: solid 2px white;
    background-color: #dae049;
}

.objetivo {
    padding-right: 1em;
    padding-left: 2em;
    background-color: black;
    color: white;
    border: solid 2px white;
    border-radius: 0px 20px;
   }

.propuesta {
    padding-right: 1em;
    padding-left: 2em;
    background-color: black;
    color: white;
    border: solid 2px white;
    border-radius: 0px 20px;
   }

.comitente {
    padding-right: 1em;
    padding-left: 2em;
    color: black;
    
}

.usuario {
    padding-right: 1em;
    padding-left: 2em;
    background-color: black;
    color: white;
    border: solid 2px white;
    border-radius: 0px 20px;
}
.contenido {
    padding-right: 1em;
    padding-left: 2em;
    background-color: black;
    color: white;
    border: solid 2px white;
    border-radius: 0px 20px;
}

footer{
    font-size: .5em;
    background-color: black;
    color: white;
 text-align: left;
    padding: 1em;
    padding-left: 2em;
}

main{
    padding: 1em
}

@media screen and (min-width: 20em) {
    .contenedor {
        width: 100%;
        }

@media screen and (min-width: 80em) {
    .contenedor {
        width: 90%;
    }