body {
  background: #fafafa;
}
/* Style the navigation menu */
.navbar-top {
    width: 70%;
    background-color: ;
    overflow: auto;
    ;
  }
  
  /* Navigation links */
  .navbar-top a {
    float: left;
    padding: 12px;
    color: steelblue;
    text-decoration: none;
    font-size: 17px;
    width: 20%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
    text-align: center; /* If you want the text to be centered */
  }
  
  /* Add a background color on mouse-over */
  .navbar-top a:hover {
    background-color: none;
  }
  
  /* Style the current/active link */
  .navbar-top a.active {
    background-color: none  ;
  }
  
  /* Add responsiveness - on screens less than 500px, make the navigation links appear on top of each other, instead of next to each other */
  @media screen and (max-width: 500px) {
    .navbar-top a {
      float: none;
      display: block;
      width: 100%;
      text-align: left; /* If you want the text to be left-aligned on small screens */
    }
  }

  h1 {
    text-align: center;
    color: dodgerblue;
    font-style: italic;
}

footer {
    text-align: center;
}

img {
  display: block;
  margin: 0 auto 0 auto;
}