body {
    background: white;
    font-size: 200%;
  }
a, a:hover {
    color: black;
    text-decoration: none;
}
a:hover h2 {
  text-decoration:  underline black 0.1em;
}
a:hover h1 {
  text-decoration:  underline black 0.085em;
}
h1, h2 {
  margin:0;
  font-family: 'Garamond', serif;
  text-decoration-skip-ink: all;
}
h1 {
  font-size: 2.75em;
  margin-left:-1em;
  margin-bottom:-0.25em;
}
h2 {
  font-size: 2.5em;
  margin-left:-0.65em;
  margin-top:-0.25em;
}
#main {
  position: absolute;
  top: 40%;
  left: 50%;
  margin: -25px 0 0 -25px; /* Apply negative top and left margins to truly center the element */
}