body {
  background-color: #F9F9F9;
  text-align: center;
}
  
  .container {
    margin: 4rem auto 0;
    text-align: center;
    font-family: 'Chelsea Market', cursive;
  }

  h1 {
    font-size: 3rem;
  }

  ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    max-width: calc(4 * 250px);
    text-align: center;
  }

  li {
    margin: 2rem;
    list-style: none;
    list-style-type: none;
    list-style-position: outside;
    display: inline-block;
  }

  footer {
    margin: 2rem;
  }

  footer a {
    color: #7A8DFF;
    text-decoration: none;
  }

  footer a:hover {
    text-decoration: underline;
  }