styles.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

html {
    -webkit-text-size-adjust:100%;
    padding-bottom:4em;
}
body {
    font-family:sans-serif;
    max-width:40em;
    margin:0 auto;
    padding:0 2%;
    line-height:1.5em;
    color:#111;
    background:#fff;
}
a {
    color:#1a0dab;
}
a:visited {
    color:#681da8;
}
pre {
    text-align:center;
    line-height:1;
    letter-spacing:-0.015em;
    overflow-x:auto;
    white-space:pre;
}
.banner {
    text-shadow:0.04em 0 0 currentColor;
}
@media (max-width:600px) {
    .banner {
        font-size:0.45em;
    }
}
@media (prefers-color-scheme:dark) {
    body {
        color:#e0e0e0;
        background:#121212;
    }
    a {
        color:#8ab4f8;
    }
    a:visited {
        color:#c58af9;
    }
}