size: 1 KiB


  

1* {
2  box-sizing: border-box;
3}
4
5:root {
6  --font-family: "Noto Serif", serif;
7  --font-weight: 400;
8  --font-family-mono: "Noto Sans Mono", monospace;
9  --bg: white;
10  --fg: black;
11  --pre-bg: #f2f2f2;
12  --code-fg: darkred;
13  --base-padding: 0.7rem 1rem;
14
15  font-family: var(--font-family);
16  font-size: 100%;
17  font-weight: var(--font-weight);
18}
19
20body {
21  max-width: 50rem;
22  min-height: 100vh;
23  margin: auto;
24  padding: var(--base-padding);
25}
26
27body {
28  background-color: var(--bg);
29  color: var(--fg);
30}
31
32pre,
33code {
34  font-family: var(--font-family-mono);
35  font-size: 0.95rem;
36}
37
38pre {
39  padding: var(--base-padding);
40  background-color: var(--pre-bg);
41  max-width: 100%;
42  overflow-x: auto;
43}
44
45p code,
46ul code {
47  color: var(--code-fg);
48}
49
50p,
51ul {
52  line-height: 1.5;
53  margin: 1.5rem 0;
54}
55
56p + ul {
57  margin-top: -1rem;
58}
59
60footer {
61  margin-top: 3rem;
62  text-align: right;
63  border-top: 2px solid var(--fg);
64}
65
66a[target="_blank"]:after {
67  content: "↗";
68}
69
70@media (prefers-color-scheme: dark) {
71  :root {
72    --font-family: "Noto Sans", sans-serif;
73    --font-weight: 400;
74    --bg: black;
75    --fg: cornsilk;
76    --pre-bg: #333;
77    --code-fg: burlywood;
78  }
79
80  a {
81    color: cornflowerblue;
82  }
83  a:visited {
84    color: violet;
85  }
86}
87
88@media screen and (max-width: 600px) {
89  :root {
90    --base-padding: 0.5rem 0.7rem;
91  }
92}
93
94time.relative {
95  white-space: nowrap;
96}
97
98.home--post-published-at {
99  opacity: 0.5;
100  font-variant-caps: small-caps;
101}
102
103.post--published-at {
104  float: right;
105}
106
107.post--title {
108  line-height: 1.2;
109}