@charset "utf-8";
body {
    font-family: 'Roboto Mono', monospace;
    background-color:white
}
nav{
background-color: black
}
header nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-around;
}
header nav ul a{
    color:black;
    display: block;
    text-align: center;
    font-family:'Roboto Mono';
    font-style: bold;
color: white;
    font-kerning: normal;
        letter-spacing:6px

}



.destacado{
    background-color:brown;
}

h1{
    color: white;
    font-size: 1.0em;
    background-color:grey
}


main section{
    border: 0.2em solid black;
    margin: 0 0 0.7em 0;
    text-align: center;
    
}



main section h2{
    color: white;
    font-size: 1.0em;
    background-color:gray;
          font-kerning: normal;
        letter-spacing:6px
}

main section h3{
    color: white;
    font-size: 1.0em;
    background-color:gray;
          font-kerning: normal;
        letter-spacing:6px
}

main section p{
    color: gray;
    font-size: 0.8em;
}
h4{
    color:white;
    font-size: 1.5em;
    text-align: center;
    margin-top: 2em;
    background-color:black;
}

 h5{
    color: white;
    font-size: 1.1em;
    background-color:lightcoral;
    text-align: center;
    margin-top: 2em;
}
header img {
    display: block;
    height: em;
    margin: auto;
    margin-bottom: 0em;
    margin-top: 0em;  
   
}

    
article p {
    color: black;
    margin-bottom: 2em;
    font-family: 'Roboto Mono';
    font-weight: 400;
    font-size: 0.8em;
}
    
    
}

aside{
     list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-around;
    background-color: black;
}



footer {
    color:white; 
    font-size: 0.7em;
    margin-top: 3em;
    font-style: italic;
        text-align: center;
    margin-top: 2em;
     background-color: black;
}