fund.css

@font-face {
  font-family: "Catamaran";
  src: url("Catamaran-VariableFont_wght.ttf");
  font-style: normal;
}
@font-face {
  font-family: "Mulish";
  src: url("Mulish-VariableFont_wght.ttf");
  font-style: normal;
}

:root {
  --highlight: #fb2c07;
  --heading-family: Catamaran, sans-serif;
  --body-family: Mulish, sans-serif;
}

body {
  font-family: var(--body-family);
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 300;
}
main {
  margin: 4rem auto;
  max-width: 960px;
}
h1 {
  background: var(--highlight);
  color: white;
  font-family: var(--heading-family);
  font-size: 4rem;
  font-weight: 900;
  line-height: 1;
  margin: 0;
  padding: 1rem 1rem .5rem;
  text-transform: uppercase;
}
h2, h3 {
  margin-bottom: 0;
  font-family: var(--heading-family);
}
h2 + p, h3 + p, h2 + ul, h3 + ul {
  margin-top: 0;
}
a {
  color: var(--highlight);
  text-decoration: none;
}
@media screen and (max-width: 960px) {
  h1 {
    font-size: 1.6rem;
  }
  body {
    font-size: 1rem;
    line-height: 1.2;
  }
  main {
    margin: 1rem;
  }
}