body {
  font-family: var(--font-family);
  font-optical-sizing: auto;
  font-size: var(--base-font-size);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-weight: var(--base-font-weight);
  line-height: var(--base-line-height);
}

/* Considered creating a "Site.scss", but opted for adding here first */
.SectionHeader {
  align-items: flex-start;
  background-color: var(--secondary-background-color);
  border-radius: var(--base-border-radius);
  color: var(--secondary-font-color);
  display: flex;
  flex-flow: column nowrap;
  font-size: var(--font-size-heading-large);
  margin-bottom: var(--base-gap-half);
  padding: var(--base-gap-half) calc(1.25 * var(--base-gap));
}

/*# sourceMappingURL=base.css.map */
