body 
{ font-family: “Roboto”, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0; /* add these two new lines */
    padding: 0; }


header 
{
background-color: hwb(246.23 23.92% 45.88%); /* fill */
 /* rgba(255,255,255,0.5) => 0.5 = semi-transparent color */
 border: 1px solid #000; /* stroke */
 /* width of stroke, type of line, and color */
 height: 70px;
padding: 30px;
color: white;
font-size: 50px; /* add these three new lines */
font-weight: 900;
font-style: normal;
 /* inset the image */  
  }  

#logo 
{
    width: 70px;
    height: auto;  
    }
 
       
h1 
{ font-family: “Roboto”,‘Helvetica Neue’, Helvetica, Arial, sans-serif; 
    font-weight: 900; 
    font-style: normal; }

    
footer p {text-align: center;}

footer {background-color: darkslateblue; /* fill */
    /* rgba(255,255,255,0.5) => 0.5 = semi-transparent color */
 border: 1px solid #000; /* stroke */
    /* width of stroke, type of line, and color */
 height: 70px;
 padding: 30px;
 color: white;
   font-weight: 900;
   font-style: normal;}


nav ul li {
list-style-type: none;
display: inline;
margin-right: 16px;
 }

 a {text-decoration: none;}
 main {
 margin-left: 36px;
 }

 .thumbnails {
 display: flex; /* this is called a flexbox */
 }

header span {
 position: relative;
 top: -21px;
}