Blame


1 b4854863 2022-09-14 op body {
2 b4854863 2022-09-14 op color: #222;
3 b4854863 2022-09-14 op background-color: #fefefe;
4 b4854863 2022-09-14 op
5 b4854863 2022-09-14 op max-width: 870px;
6 b4854863 2022-09-14 op margin: 0 auto;
7 b4854863 2022-09-14 op border: 0;
8 b4854863 2022-09-14 op padding: 1rem;
9 b4854863 2022-09-14 op }
10 b4854863 2022-09-14 op
11 b4854863 2022-09-14 op h1, h2, h3 {
12 b4854863 2022-09-14 op margin: 2rem 0 1rem;
13 b4854863 2022-09-14 op }
14 b4854863 2022-09-14 op
15 b4854863 2022-09-14 op h1 { font-size: 200%; }
16 b4854863 2022-09-14 op h2 { font-size: 160%; }
17 b4854863 2022-09-14 op h3 { font-size: 120%; }
18 b4854863 2022-09-14 op
19 b4854863 2022-09-14 op nav ul {
20 b4854863 2022-09-14 op list-style: disclosure-closed;
21 b4854863 2022-09-14 op }
22 b4854863 2022-09-14 op
23 b4854863 2022-09-14 op blockquote {
24 b4854863 2022-09-14 op font-style: italic;
25 b4854863 2022-09-14 op margin: 1rem;
26 b4854863 2022-09-14 op margin-left: 1.5rem;
27 b4854863 2022-09-14 op position: relative;
28 b4854863 2022-09-14 op }
29 b4854863 2022-09-14 op
30 b4854863 2022-09-14 op blockquote::before {
31 b4854863 2022-09-14 op content: "“";
32 b4854863 2022-09-14 op font-size: 2rem;
33 b4854863 2022-09-14 op position: absolute;
34 b4854863 2022-09-14 op top: -0.5rem;
35 b4854863 2022-09-14 op left: -1rem;
36 b4854863 2022-09-14 op }
37 b4854863 2022-09-14 op
38 b4854863 2022-09-14 op p {
39 b4854863 2022-09-14 op text-align: justify;
40 b4854863 2022-09-14 op hyphens: auto;
41 b4854863 2022-09-14 op white-space: pre-wrap;
42 b4854863 2022-09-14 op }
43 b4854863 2022-09-14 op
44 b4854863 2022-09-14 op img {
45 b4854863 2022-09-14 op max-width: 90%;
46 b4854863 2022-09-14 op height: auto;
47 b4854863 2022-09-14 op }
48 b4854863 2022-09-14 op
49 b4854863 2022-09-14 op figure {
50 b4854863 2022-09-14 op text-align: center;
51 b4854863 2022-09-14 op }
52 b4854863 2022-09-14 op
53 b4854863 2022-09-14 op figcaption {
54 b4854863 2022-09-14 op padding: 0.5rem;
55 b4854863 2022-09-14 op }
56 b4854863 2022-09-14 op
57 b4854863 2022-09-14 op footer {
58 b4854863 2022-09-14 op margin-top: 2rem;
59 b4854863 2022-09-14 op text-align: center;
60 b4854863 2022-09-14 op }
61 b4854863 2022-09-14 op
62 b4854863 2022-09-14 op footer hr {
63 b4854863 2022-09-14 op width: 100%;
64 b4854863 2022-09-14 op height: 1px;
65 b4854863 2022-09-14 op background-color: #222;
66 b4854863 2022-09-14 op border: 0;
67 b4854863 2022-09-14 op margin-bottom: 1rem;
68 b4854863 2022-09-14 op }
69 b4854863 2022-09-14 op
70 b4854863 2022-09-14 op footer dl * {
71 b4854863 2022-09-14 op display: inline;
72 b4854863 2022-09-14 op }
73 b4854863 2022-09-14 op
74 b4854863 2022-09-14 op
75 b4854863 2022-09-14 op /* dark theme */
76 b4854863 2022-09-14 op @media (prefers-color-scheme: dark) {
77 b4854863 2022-09-14 op body {
78 b4854863 2022-09-14 op color: #ffffea;
79 b4854863 2022-09-14 op background-color: #383838;
80 b4854863 2022-09-14 op }
81 b4854863 2022-09-14 op
82 b4854863 2022-09-14 op a {
83 b4854863 2022-09-14 op color: #8e8eff;
84 b4854863 2022-09-14 op }
85 b4854863 2022-09-14 op
86 b4854863 2022-09-14 op footer hr {
87 b4854863 2022-09-14 op background-color: #ffffea;
88 b4854863 2022-09-14 op }
89 b4854863 2022-09-14 op }