html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}


body {
  display: flex;
  flex-direction: column;
  color: #89b0ae; /* Deep forest green */
  background-color: #3a3a3a; /* Dark grey/charcoal */
  font-family: "Helvetica", sans-serif;
}

h1,
h2,
h3 {
  font-family: "Amatic SC", cursive;
  color: #bee3db; /* Bright goblin green */
}

a,
.highlight {
  color: #a3f7bf; /* Bright accent color */
}

p {
  line-height: 1.6;
}

/* Header styles */
header {
  display:flex;
  flex-direction: row;
  justify-content: space-evenly;
  background-color: #22223b; /* Dark brown */
  padding: 10px 0;
  text-align: center;
  color: #a3f7bf; /* Neon green */
}

h2>a.header {
   line-height: 125px;
   text-decoration: none;
}

h1>a.header {
    font-size: xxx-large;
    color: #bee3db;
    text-decoration: none;
}

/* Main content styles */
.main-content {
  flex: 1;
  padding: 20px;
}

/* Footer styles */
footer {
  background-color: #22223b; /* Dark brown */
  color: #a3f7bf; /* Neon green */
  text-align: center;
  padding: 20px 0;
}