head {
    
}

body {
    background-color: lightgoldenrodyellow;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

header {
    background-color: hotpink;
    height: auto;
    margin-top: auto;
    margin-left: auto;
    overflow: auto;
    padding: 1em;

}

header nav ul li {
    display: inline-block;
    margin-right: 1em;
    margin-top: 1em;
    border-style: solid;
    border-color: black;

      }

header nav ul li a {
    font-family: 'Bree Serif', serif;
    display: block;
    color: black;
    background-color:white;
    padding: 0 2em;
    text-decoration: none;
    line-height: 2em;
    
}

nav {
    width: 100%;
}
nav ul{
    text-align: center;
}

header, main, aside, footer {
    padding: 1em;
    font-family: 'Bree Serif', serif;
}
aside {
    background-color: mistyrose;
    display: inline-block;
    padding: 2em;
    margin: 2em; 
    }

main {
    background-color:white;
    width: calc (30% - 1em);
    }
figure {
    width: 100%;
    overflow: auto;
    text-align: center;
    margin: 0 auto;
    
    
}

main figure img {
    width: 100%;
    height: auto;
    text-align: center;
    
}


*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    
}
#logo {
    background-color: floralwhite;
    border-radius: 50%;
    width: 8em;
    height: 8em;
  
}

#logo h1 {
    color: black;
    text-align: center;
    line-height: 4em;
    margin: 0; padding: 0;
    font-family: 'Bree Serif', serif;
    font-weight:700;
    }
    

#Pagina {
    max-width: 60em;
    text-align: center;
    margin: 0 auto;
}


img {
    width: 15%;
    height: 15%;
    border-style: solid;
    border-color: black;
    float: right;
    
  
}


}