@charset "utf-8";

*{
box-sizing :border-box;
}

#pagina {
width: 100%;
}
header,main,aside,footer {
    padding: 1em;
}

main,aside,nav,footer {
font-family: sans-serif;
}
h1 {
    background-color: coral;
    color: black;
    font-family: sans-serif;
    padding: 0.5em;
    margin:0.5em 0;
    display:inline-block;
    line-height: 2em;       
}


header nav ul { 
    list-style: none; 
    margin: 0; 
    padding: 0;
}
   
    header nav ul li { 
        display: inline-block;
        margin-right: 1em;
    }
        
header nav ul li a {
    display:block;
    background-color: darkseagreen;
    color: black;
    padding: 0 2em;
    text-decoration: none;
    line-height: 2em;
}
    

header nav ul li a:hover { 
    background-color: burlywood;
    color:aliceblue;
} 

figure {
margin-left:8%;
}
main {
    background-color: cadetblue;
    color:cornsilk;
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    width: 60%;
    
}
main, p {
text-align: center;

}
aside {
background-color: coral;
    color: beige;
    width: 30%;
    

}
main, aside {
float: left;
    margin:1em;
}

footer{ 
    background-color: antiquewhite;
    color: darkslategray;
clear: both;
}

footer, p{
text-align: center;
}

@media screen and(max-width:60em) {
main {
width: 70%;
}
    header{
    font-size: 0.5em;
    }