1@font-face {
 2  font-family: "Atkinson Hyperlegible Next";
 3  src: url("/static/fonts/AtkinsonHyperlegibleNext-Regular.woff2") format("woff2");
 4  font-weight: 400;
 5  font-style: normal;
 6  font-display: swap;
 7}
 8@font-face {
 9  font-family: "Atkinson Hyperlegible Next";
10  src: url("/static/fonts/AtkinsonHyperlegibleNext-Bold.woff2") format("woff2");
11  font-weight: 700;
12  font-style: normal;
13  font-display: swap;
14}
15@font-face {
16  font-family: "0xProto";
17  src: url("/static/fonts/0xProto-Regular.woff2") format("woff2");
18  font-weight: 400;
19  font-style: normal;
20  font-display: swap;
21}
22:root {
23  --font-sans: "Atkinson Hyperlegible Next", system-ui, sans-serif;
24  --font-mono: "0xProto", ui-monospace, monospace;
25}
26body { font-family: var(--font-sans); }
27code, pre, .mono { font-family: var(--font-mono); }
28.skip-link {
29  position: absolute;
30  left: -9999px;
31  z-index: 999;
32  padding: 1em;
33  background: #000;
34  color: #fff;
35}
36.sr-only {
37  position: absolute;
38  width: 1px;
39  height: 1px;
40  padding: 0;
41  margin: -1px;
42  overflow: hidden;
43  clip: rect(0, 0, 0, 0);
44  white-space: nowrap;
45  border: 0;
46}
47.skip-link:focus {
48  left: 50%;
49  transform: translateX(-50%);
50  top: 0;
51}