body {

background-color: lightblue;


  
}

#Banner {
  margin: 1em auto;
  max-width: 960px;
  padding-left: 1em;
  
}

nav {
 padding: 0, 1em, 1em, 1em; 
}
nav ul {
  max-width: 960;
  margin: auto;
  line-height: 3em;
  /* this stuff makes it wrap around on mobile */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
/* this line takes away the dot in front of the list items */
    list-style-type: none;
/* list items have default padding but we don't need it for these */
    padding-left: 0;
/* and this spaces out the buttons so they're not touching */
    justify-content: space-evenly;
}