body {
    display: block;
    margin: 8px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: whitesmoke;
    background-color: rgb(53, 49, 49)
  }
  body:focus {outline: none;}
  header { font-weight: bold;}
  main { display: block;}
  
  .footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
    font-size: small;
  }
  .footer a {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: aquamarine;
  }
  .about {
    border: 2px antiquewhite;
  }
  h1 { text-align: center;}
  h3 { text-align: center;
       color: skyblue;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       text-decoration: underline slategrey;
  }
  p {  display: block;
    margin: 1em 1em 3em 0
  }
  
  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: smaller;
  }
  li {
    float: left;
    border-right: 2px solid gray
  }
  li a {
    display: block;
    color: pink;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
    li a:hover {
      background-color: pink;
      color: indigo;
  }