@font-face {
  font-family: "EB Garamond";
  src: url("assets/fonts/EBGaramond-VariableFont_wght.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-stretch: 100%;
}

@font-face {
  font-family: "EB Garamond";
  src: url("assets/fonts/EBGaramond-Italic-VariableFont_wght.ttf")
    format("truetype");
  font-weight: 400;
  font-style: italic;
  font-stretch: 100%;
}

body {
  background-color: palegoldenrod;
  color: firebrick;
  font-family: "EB Garamond", serif;
}
h1,
h2 {
  margin: 0.01;
  padding: 0.01;
}
h1 {
  font-size: xx-large;
  text-align: center;
  margin-bottom: -0.75em;
}
a:link {
  color: inherit;
  text-decoration: none;
}
a:visited {
  color: inherit;
}
a:hover {
  color: fuchsia;
}

a.nav {
  color: inherit;
  text-decoration: none;
}
a.nav:hover {
  color: orange;
}

h2 {
  font-size: x-large;
  text-align: center;
}

.bullet {
  margin-left: 0.05em;
}

h3 {
  margin-bottom: 0%;
  text-align: center;
}

div {
  margin-top: 0%;
  margin-bottom: 0%;
  text-align: center;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: -50px;
}