body { 
    font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, sans-serif; 
    font-weight: 400;
font-style: normal; 
}
h1 { 
    font-family: "Roboto",'Helvetica Neue', Helvetica, Arial, sans-serif; 
    font-weight: 900; 
    font-style: normal; 
}

footer p {text-align: center;

}

#logo {
    width: 100px;
    height: 100px;
   
}

header {
     background-color: rgb(255, 224, 189);
     padding: 30px;
     height: 100px;
     color: snow;
     font-size: 50px; 
     font-weight: 900;
     font-style: normal;
            } 

 body {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-style: normal;
      margin: 0; /* add these two new lines */
      padding: 0;
        } 
        
  footer {
     background-color: rgb(255, 224, 189);
     padding: 30px;
     height: 100px;
     color: white;
     font-size: 16px; 
     font-weight: 900;
     font-style: normal;
            } 
            
 nav ul {
     list-style-type: none;
     } nav ul li {
     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;
  }