body {
    color: white;
    background-color: rgb(0, 0, 0);
    margin: 0;
margin-top:-20px !important;
     /* Google Fonts */
    font-family: "Maven Pro", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  
}

.fancy-text {
    color: orange;
    font-size: 36px;
    text-transform: capitalize;

    /* Google Fonts */
    font-family: "Henny Penny", serif;
    font-weight: 400;
    font-style: normal;
}

a {
    color: orange;
    text-decoration: none;
}

a:hover {
    color: yellow;
    text-decoration: none;
}

h1 {
    font-family: "Notable", serif;
    font-weight: 400;
    font-style: normal;
  }
  
.hero {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-color: white;

}
.hero img {
    max-height: 95%;
    float: left;
}
.hero h1 {
    color: black;
}
.hero h1 span {
    color: #e6300a;
}


    



nav a {
  background-color: rgb(255, 81, 0);
  border: none;
  color: rgb(0, 0, 0);
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 !important;
}

nav a:hover {
    background-color: rgb(183, 183, 183);
    color: rgb(0, 0, 0);
}

table {
    margin-bottom: 50px;
}