:root {
  --color-A: #154e26;
  --color-B: yellow;
  --font-color: black;
  --highlight-color: white;
}

@font-face {
  font-family: headFont;
  src: url(/fonts/ZalandoSans[wdth,wght,slnt].woff2);
}

@font-face {
  font-family: bodyFont;
  src: url(/fonts/DMSans[opsz,wght].woff2);
}

a {
  all: unset;
  cursor: pointer;
}

#blur {
  backdrop-filter: blur(8px) brightness(120%) contrast(70%);
}

.text-pop {
  text-shadow: white 0px 0px 8px;
}

.text-top {
  padding: 1%;
  font-size: 1.25em;
  font-weight: 500;
  margin-bottom: 2vh;
}

h1 {
  font-family: headFont;
  font-weight: 540;
  font-size: 1.8em;
  margin-top: 0;
  margin-bottom: 5vh;
  line-height: 1;
}

h2 {
  font-weight: 500;
  font-size: 1.2em;
  margin-top: 0;
  margin-bottom: 1vh;
}