1 body {
2 	font-family: monospace;
3 	font-size: 14px;
4 	max-width: 780px;
5 	margin: 0 auto;
6 	padding: 20px;
7 	padding-bottom: 80px;
8 }
9 
10 h1::before {
11 	content: "# ";
12 }
13 
14 h2 {
15 	margin-top: 40px;
16 }
17 
18 h2::before {
19 	content: "## ";
20 }
21 
22 h3::before {
23 	content: "### ";
24 }
25 
26 blockquote {
27 	margin: 0;
28 	padding: 0;
29 }
30 
31 blockquote::before {
32 	content: "> ";
33 }
34 
35 blockquote p {
36 	font-style: italic;
37 	display: inline;
38 }
39 
40 strong::before { content: "*" }
41 strong::after  { content: "*" }
42 
43 img {
44 	border-radius: 5px;
45 }
46 
47 pre {
48 	overflow: auto;
49 	padding: 1rem;
50 	background-color: #f0f0f0;
51 	border-radius: 3px;
52 }
53 
54 ul.link-list {
55 	list-style: disclosure-closed;
56 }
57 
58 img {
59 	display: block;
60 	margin: 0 auto;
61 	max-width: 100%;
62 }
63 
64 @media (prefers-color-scheme: dark) {
65 	body {
66 		background-color: #222;
67 		color: white;
68 	}
69 
70 	a {
71 		color: aqua;
72 	}
73 
74 	hr {
75 		background-color: #ddd;
76 	}
77 
78 	pre {
79 		background-color: #353535;
80 	}
81 }