:root {
  --ink: #171916;
  --paper: #eadbb7;
  --display: "Courier New", ui-monospace, SFMono-Regular, Menlo, monospace;
  --body: "Courier New", ui-monospace, SFMono-Regular, Menlo, monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; -webkit-font-smoothing: antialiased; }
::selection { color: #f5edd8; background: #2f61b7; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
img, svg { display: block; max-width: 100%; }

.skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
  padding: 10px 14px;
  transform: translateY(-160%);
  border: 2px solid #171916;
  color: #171916;
  background: #eec45b;
  font: 700 10px var(--body);
  text-transform: uppercase;
}
.skip-link:focus { transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}