@charset "utf-8";

{
margin,padding,border:0;
box-sizing:border-box;
}

body
{
margin:0;
padding:0;
display: flex;
flex-direction:column;
justify-content: space-between;
background-color:#323232;
}

nav ul li
{
    list-style: none;
    margin:0;
    padding:0;
    text-align: left;
}

ul, li
{
    list-style: none;
    margin:0;
    padding:0;
    text-align: center
}



a{
    color:#67cdc3;
    text-decoration:none;
    

}

.navegador ul{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
    background-color:#FAEC11;
}

.navegador nav ul li a{
    color:#fff5c1;
    font-size: 1.6em;
    margin:0.5em;
    font-weight: lighter;
    display: flex;
    background-color:#FAEC11;
    color:black
}

.navegador ul li a:hover{
   background-color: brown;
   color: #FAEC11;
   
    
}

#perfil img
{
    width:160px; 
    height:157px;
    margin-left: auto;
    margin-right:auto;
    display:table-row;
}

header nav ul li a {
        list-style-type: none;
        text-align: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0em;
        padding: 0em;
        align-items: stretch;
        background-color:#67cdc3;
}

section {
    margin:1em;
    color: #7d7a6a;
}

h1, h2, h3, h4 {
    text-align: center
}

     main nav ul {
     list-style-type: none;
        text-align: left;
        margin: 0em;
        padding: 0em;
       
}
h1, h2, h3{
color:#ff7040;
}


main p, footer {
    color:#EAF9F2;
}

main p strong, footer strong {
    color:#ff7040;
}

footer
{
    margin:0.3cm;
}

ul li a:hover{
   background-color: brown;
   color: #FAEC11;