@charset "utf-8";

header {
    text-align: center;
    display: block;
}

body { 
background-color:ghostwhite;
font-family: sans-serif;
color: #4a4a57;
}

nav {
 padding: 1em;
align-content:flex-start;
    justify-content: center;
 }

nav li {
display:inline;
flex-direction:row;
justify-content: center;
 }

nav li a:hover {
 background: lightgreen; 
}

nav li a {
 font-family: Verdana;
 font-size: 1em;
 text-decoration: none;
 padding: 1em;
 background-color:green; 
 color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    margin-left: 2em;
    display:inline;


 }

#actual {
    font-weight: bold;
    color: red;
}

.destacado {
    font-style: italic;
    font-size: 2em;
    color: aqua;
}

li {
    display: flex;
    flex-direction: row;
}

main {
    float: none;
    margin-bottom: 1em;
    justify-content: flex-start;
    align-content: flex-start;
    
}

section {
    text-align: left;
   margin-bottom: 2em;
    justify-content: flex-start;   
    
}

div h2 {
    display: flex;
    justify-content:flex-start;
    

}
div p {
    display: flex;
     text-align: center;
   margin-bottom: 2em;
    justify-content: center;
    
}

footer {
    display: flex;
    text-align: center;
    font-size: 80%;
    font-style: italic;
    color: darkgreen;
}