body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

main {
  /* Or whatever element contains your main content */
  flex-grow: 1; /* Allows main content to expand and fill space */
}

footer {
  /* Optional: Add styling for your footer */
  margin-top: 1em;
}

a {
  color: cornflowerblue;
}

hr {
  height: 0.5em;
  background: grey;
  margin-bottom: 2em;
}

h2 {
  padding-left: 1.5em;
}

p {
  margin-top: 2em;
}

h2 + p {
  white-space: pre-wrap;
  margin-top: 0;
  padding: 1em;
  border: 2px solid gray;
  background: #eeeeee;
  border-radius: 1.3em;
}

.panel {
  white-space: pre-wrap;
  padding: 0.5em;
  background-clip: padding-box;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  border: 10px solid rgba(0, 0, 0, 0.1);
}