@charset "utf-8";

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

body { 
background-color:darkgray;
font-family: sans-serif;
color: whitesmoke;
}

nav {
 padding: 0;
    align-content: center;
    justify-content: center;
    display: flex;
 }

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

nav li a {
 font-family: arial;
 font-size: 1em;
 text-decoration: none;
 padding: 1em;
 background-color: #9797a0;
 color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    text-align: center;
    display:inline;
}
nav li a:hover {
 background: #FFA07A;  
}

#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;
}

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

div h2 {
    display: flex;
    justify-content: center;
}
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:floralwhite;

}