:root {
  --md-primary-fg-color: #314659;
  --md-accent-fg-color: #0f766e;
}

.md-header {
  backdrop-filter: saturate(180%) blur(10px);
}

.md-main__inner {
  margin-top: 1.25rem;
}

.md-typeset h1 {
  letter-spacing: -0.02em;
  font-weight: 800;
}

.md-typeset h2,
.md-typeset h3 {
  letter-spacing: -0.01em;
}

.md-typeset .md-button {
  border-radius: 999px;
}

.md-typeset img.homepage-hero {
  display: block;
  max-width: min(100%, 28rem);
  margin: 0 auto 1.5rem;
}

.md-typeset blockquote {
  border-left-color: var(--md-accent-fg-color);
}

.md-nav__title,
.md-nav__link--active,
.md-typeset a {
  font-weight: 600;
}