@charset "utf-8";
*{  box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body{
    background-image: url(https://i.pinimg.com/originals/8b/fd/26/8bfd264098445fbcca8157fc25374abc.png);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

header{
    display: flex;
    justify-content: center;
    margin: 1em
}

nav ul{
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
    list-style: none;
    background-color: rgba(0, 0, 0, 0.24);
    padding: 0.5em 0em 0.5em 0em;
}

nav ul li a {
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    letter-spacing:2px;
    color:#000000
}

main {
    margin: 2em;
    background-color: rgba(0, 0, 0, 0.24);
}

h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    text-align:center;
    letter-spacing:2px;
    color:white;
    padding: 0.5em 0.5em 0.5em 0.5em;
    background-color: rgba(0, 0, 0, 0.56)
}

.imgRedonda {
    border-radius:20px;
    margin:10px auto;
	display:block;
    text-align: center;
    width: 200px;
    height: auto;
}

    

main section p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight:100;
    color:white;
    list-style: none;
    text-decoration: none;
    padding: 1em;
    list-style: none
}

ul {list-style: none;
}


.materias {
    display: flex;
    flex-direction:column;
    width: auto;
    padding:1em;
}

.vinculo{
    padding:1em;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    text-decoration: none;
    font-style: italic;
    color:rgba(0, 0, 0, 0.56);
}

.fadu{
     font-family: 'Montserrat', sans-serif;
    font-size: 0.9em;
    text-decoration: none;
    font-style: italic;
    color:rgba(0, 0, 0, 0.56);
}

.pa{
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight:100;
    color:white;
    text-decoration:underline;
    padding: 1em;
}

main section ul li a {
    font-family: 'Montserrat', sans-serif;
    font-size: 1m;
    text-decoration: none;
    font-style: italic;
    color:rgba(0, 0, 0, 0.56);
}


/* club general guido y pertenencia */
h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    text-align:center;
    letter-spacing:2px;
    color:white;
    padding: 0.5em 0.5em 0.5em 0.5em;
    background-color: rgba(0, 0, 0, 0.56);
}

.texto{
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight:100;
    color:white;
    list-style: none;
    text-decoration: none;
    padding: 1em;
    list-style: none
}
.relleno{
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight:100;
    text-decoration: none;
    padding: 0em 0.2em 0.2em 1em;
    list-style: none
}
.nombres{
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    letter-spacing:2px;
    color:#000000;
    font-style:normal;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    list-style: none;
    background-color: rgba(0, 0, 0, 0.24);
    padding: 0.5em 0em 0.5em 0em;
}

.mapanuevo{
     width: 100%;
    height: auto;
}

@media screen and (min-width:30em){}

footer {
     display: flex;
    justify-content:flex-start;
    position: absolute;
    font-family: sans-serif;
    font-size: 0.8em;
    color: white;
    background-color: rgba(0, 0, 0, 0.24);
    padding: 1em ;
}