body {
  font-style: normal;

  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;

  font-size: 1.375em;
  background-color: oklch(0.985 0.008 70 / 1);
  color: #2a2a2a;
}

.sora {
  font-family: "Sora", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
}

.manrope {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
}

a {
  color: #588b7e;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  text-underline-offset: 0.1em;
  text-decoration-thickness: 0.075em;
}

body {
  padding: 1lh;
  max-width: 1400px;
  margin: 0 auto;
}

@media (min-width: 800px) {
  body {
    padding: 3lh;
  }
}

h1 {
  font-weight: 500;
  font-size: 2em;

  text-transform: lowercase;
  font-variant: small-caps;

  white-space: nowrap;
}

p {
  line-height: 1.5em;
  max-width: 65ch;
}

section {
  margin-bottom: 6em;
}

footer {
  font-size: .85em;
  color: #555;
}