@charset "utf-8";

<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');
</style>

html {font-size: 62,5%; }
    * {
        background-color:#9d9d9d;
            box-sizing:border-box;
        color:#ffffff;
        text-align: left
}
body {width: 100%;
    background-color: #a5afb2;
    font-family: 'Oswald', sans-serif;
}
header nav ul li a {
    text-decoration: none;
    background-color: #9b1f4a;
    color: white;
    display: block;
    font-family: 'Oswald', sans-serif;
    padding: .2rem;
    margin: .1rem;
    margin:auto;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    list-style: none;
    font-weight: normal
}


#foto {
    align-content: center;
        text-align:center;
    margin:auto;
    padding: .5rem;
    display: block;
        }

header nav ul {
    
list-style-type:none;
    padding: 1em;
    padding-top: 1em;
    display:block;
    overflow: auto;
    width: 40rem;
   text-align: center;
    margin:auto;
}

header nav ul li a:hover {
    
    color:#ffffff;
    font-weight: bold;
    background-color: #000000;
}

#logo {
    text-align:center;
    background-color: #000000;
    margin:auto;
    padding: .5rem;
}

h2 {
    font-family: 'Oswald', sans-serif;
    font-weight:bolder;
        color:#9b1f4a;
    font-size: 2em;
display: box;
    text-align: center;
}

footer {font-size: .9em;
text-align: justify;
    text-justify: inter-word;
    display: block;
    padding: 1.5em;
    margin: .8em;
    font-size: .7em;
}

#info ul li a{
    color: #000000;
}
#info ul li {
    list-style: none;
text-align: left;
    font-size: .8em
}

 h1, h4 {font-family: 'Oswald', sans-serif;
font-weight: bold;
color:#9d9d9d;

    background-color: #9b1f4a;
    text-decoration: none;
    display: block;
    margin: 2em;
    text-align: center;
    font-size: .9em;
}

h3 { font-weight:bolder;
font-family: 'Oswald', sans-serif;
font-size: .9em;
    margin: em;
    margin-left: 3em;
}



#info div li {
    font-weight:600;
    font-family: 'Oswald', sans-serif;
    font-size: .88rem;
    text-align: left;
    color: #9b1f4a;
}

#redes ul li a: hover {
    
    color: #9b1f4a;
    text-decoration-line: none;
    font-weight: bold;
}