* {
  /* Google Font Styling on Search Page */
  font-family: arial,sans-serif;
}

nav p {
  text-align: right;
}

a {
  padding-right: 5px;
  text-decoration: none;
}

main {
  width: 70%;
  margin: auto;
  margin-top: 10em;
}

.contain h1 {
  font-size: 80px;
  display: flex;
  justify-content: center;
  margin-bottom: 0.25em;
}

.search {
  display: flex;
  justify-content: center;
}

.search p input {
  line-height: 1.15;
  width: 30em;
  height: 30px;
  border-radius: 3px;
  border: 1px solid #d4dada;
  padding: 6px 10px;
  font: 400 13.3333px Arial;
  font-size: 100%;
}

.search p input:focus {
  outline: none;
  border-color: #07682c;
  height: 30px;
}

.search-links {
  text-align: center;
}

.search-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgb(50 50 93 / 10%),
  0 3px 6px rgb(0 0 0 / 8%);
}

.search-button:active {
  background-color: #F6F9FC;
  transform: translateY(1px);
  box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 80%);
}

.search-button {
  font-style: normal;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "pnum";
  font-variant-numeric: proportional-nums;
  display: inline-block;
  box-sizing: border-box;
  color: #7795f8;
  white-space: nowrap;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  box-shadow: 0 4px 6px rgb(50 50 93 / 11%),
  0 1px 3px rgb(0 0 0 / 8%);
  background: #fff;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .025em;
  text-decoration: none;
  transition: all .15s ease;
  outline: none;
}

/* Added a Slight Transition to Make it Look Nicer */
#N:hover {
  transition: ease-in-out .05s;
  color: #98C379;
}
#e:hover {
  transition: ease-in-out .05s;
  color: #56B6C2;
}
#t:hover {
  transition: ease-in-out .05s;
  color: #C62D48;
}
#D:hover {
  transition: ease-in-out .05s;
  color: #C6AD00;
}
#r:hover {
  transition: ease-in-out .05s;
  color: #B400B9;
}
#i:hover {
  transition: ease-in-out .05s;
  color: #98C379;
}
#v:hover {
  transition: ease-in-out .05s;
  color: yellow;
}
#ee:hover {
  transition: ease-in-out .05s;
  color: #C62D48;
}
#rr:hover {
  transition: ease-in-out .05s;
  color: #98C379;
}