* {
  font-family: Courier, monospace;
}

body {
  background-color: #001B10;
  color: #73AB99
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 6.75rem;
  background-color: #00CC75;
  color: #B5F7DB;
  text-align: center;
}

header h1 {
  height: 2.5rem;
  margin: 0.75rem;
  font-size: 2rem;
}

nav {
  background-color: #144BC9;
  color: #574D01;
  padding: 5px;
  display: flex;
  justify-content: center;
}

nav a {
  flex: 0 1 auto;
  padding: 2px 7px;
  margin: 3px 10px 8px 10px;
  text-align: center;
  background-color: #74B100;
  color: #E6FDB9;
  border: 1px solid #0A2D7F;
  border-radius: 10px;
  box-shadow: 5px 5px 10px 0px #0A2D7F;
}

nav a:hover {
  background-color: #A0F400;
  color: #182500;
  box-shadow: 5px 5px 10px 0px #01091B;
}

nav a.current {
  background-color: #00CC75;
  color: #001B10;
  border: 1px solid #BBCDF7;
  box-shadow: 2px 2px 10px 5px #537CD9;
}

main {
  background-color: #001B10;
  color: #B5F7DB;
  padding: 7rem 5px 2rem 5px;
  width: 50%;
  margin: 0 25%;
}

main a {
  color: #B5F7DB;
}

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 2px 2px 7px 2px;
  background-color: #144BC9;
  color: #BBCDF7;
  display: flex;
  justify-content: center;
}

footer p {
  flex: 0 1 auto;
  padding: 2px 5px;
  margin: 2px 10px;
  text-align: center;
}

footer a {
  background-color: #537CD9;
  color: #0A2D7F;
  padding: 2px 7px;
  border: 0px solid #00AA00;
  border-radius: 10px;
  box-shadow: 5px 5px 10px 0px #0A2D7F;
}

footer a:hover {
  background-color: #BBCDF7;
  box-shadow: 5px 5px 10px 0px #01091B;
}