@font-face {
  font-family: 'Press Start 2P';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/press-start-2p-latin.woff2) format('woff2');
}

:root {
  --mc-green: #5dbb3f;
  --mc-amber: #f5a623;
  --md-primary-fg-color: #3f8f2a;
  --md-accent-fg-color: var(--mc-amber);
  --pixel: 'Press Start 2P', 'Courier New', monospace;
}
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #14180f;
  --md-default-fg-color: #e4e8dc;
  --md-typeset-a-color: var(--mc-green);
}
body, .md-typeset {
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.7;
}
.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-header__title, .md-nav__title {
  font-family: var(--pixel);
  line-height: 1.5;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
.md-typeset h1 { font-size: 1.5rem; color: var(--mc-green); }
.md-typeset h2 { font-size: 1.05rem; color: var(--mc-amber); }
.md-typeset h3 { font-size: 0.85rem; }
.md-header__title { font-size: 0.7rem; }
@media (max-width: 600px) {
  .md-typeset h1 { font-size: 1rem; }
  .md-typeset h2 { font-size: 0.8rem; }
  .md-typeset h3 { font-size: 0.7rem; }
  .md-header__title { font-size: 0.6rem; }
}