1 body {
2     position: absolute;
3     font-family: monospace, monospace;
4     font-size: 150%;
5     top: 10%;
6     text-align: center;
7     width: 100%;
8     margin: 0;
9     color: #212121;
10     background-color: #fafafa;
11 }
12 
13 body#keys {
14     top: auto;
15     position: relative;
16     text-align: left;
17     margin: auto;
18     max-width: 50ch;
19     padding: 3em 1em;
20     line-height: 1.75;
21     font-size: 1.25em;
22 }
23 
24 #oldkeys {
25     color: #717171;
26 }
27 
28 #links {
29     display: inline-block;
30     text-align: left;
31 }
32 
33 a:link { font-weight: bold; }
34 a:visited { font-weight: bold; }
35 a:active { font-weight: bold; }
36 
37 @media (prefers-color-scheme: dark) {
38     body {
39         background: #1e1f21;
40         color: #EEEFF1;
41     }
42 
43     a:link { color: #68F; }
44     a:visited { color: #68F; }
45     a:active { color: #68F; }
46     a:hover { color: #ACF; }
47 }