:root {
  --blue: #3366ff;
  --cream: #fffbf3;
}

body {
  font-family: "Söhne";
  font-size: clamp(1.375rem, 2.25vw, 2rem);
  background-color: var(--cream);
  color: #202028;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

header, main, footer {
  width: 100%; /* because we're in flex */
  max-width: 960px;
  margin: auto;
  padding: 0 2rem;
}

header {
  display: flex;
  justify-content: center;
}

header > a.logo {
  display: flex;
}

footer {
  font-family: "Söhne";
  font-size: .875rem;
  color: rgba(32, 32, 40, 0.5); /* base font color */
}

h1 {
  font-size: 2.25em;
  font-weight: 800;
}

h1 + p {
  margin-top: .25em;
}

a {
  color: var(--blue);
}

/* quick fix until site is rebuilt */
main {
  margin-bottom: 4em;
}

main > :is(h2, h3, p, ul, table) + :is(h2, h3, p, ul, table) {
  margin-top: 1em;
}

table {
  width: 100%
}
/* quick fix until site is rebuilt */