body {
margin: 0;
font-size: 20px;
font-family: sans-serif;  
}

header{
padding: 10px 10px;
text-align: center;
background-image: url("https://images.unsplash.com/photo-1515165737480-16f5a6cff26d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1938&q=80");
background-size: cover;
background-color: white;
color: red;  
}
  
figure img{
padding: 5px;  
height: 50%;
}

main {
background-color: white;
padding: 20px;  
}

nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 25px;
font-weight: bold;
background-color: #9f7b05;
margin: 0;
}

nav a {
margin: 0px 10px;  
text-decoration: none;
font-size: 1em;  
color: white;  
}

nav a:hover{
color: #141413;
}

figure {
float: left;
text-align: center;  
}

figcaption {
font-size: 1.1em;  
}

article {
background-color: #aba34c;
padding: 20px 10px;
font-size: 1.2em;
text-align: center;  
}

details {
font-size: 1.2rem;
padding: 10px;  
}

summary {
font-weight: bold;
}

summary:hover {
color: white; 
}

footer {
background-color: #d7990f;
padding: 10px;
padding-bottom: 70px;
color: white;
font-size: 1.2em;   
}

footer a {
color: white;
}

ul {
list-style-type: none;
line-height: 150%;  
}