1 67f8544b 2020-09-22 op /* -*- css-indent-offset: 2; -*- */
  2 ddc03123 2020-03-28 op @charset "utf-8";
  3 ddc03123 2020-03-28 op 
  4 ddc03123 2020-03-28 op html, body, div, span, applet, object, iframe,
  5 ddc03123 2020-03-28 op h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  6 ddc03123 2020-03-28 op a, abbr, acronym, address, big, cite, code,
  7 ddc03123 2020-03-28 op del, dfn, em, img, ins, kbd, q, s, samp,
  8 ddc03123 2020-03-28 op small, strike, strong, sub, sup, tt, var,
  9 ddc03123 2020-03-28 op b, u, i, center,
 10 ddc03123 2020-03-28 op dl, dt, dd, ol, ul, li,
 11 ddc03123 2020-03-28 op fieldset, form, label, legend,
 12 ddc03123 2020-03-28 op table, caption, tbody, tfoot, thead, tr, th, td,
 13 ddc03123 2020-03-28 op article, aside, canvas, details, embed,
 14 ddc03123 2020-03-28 op figure, figcaption, footer, header, hgroup,
 15 ddc03123 2020-03-28 op menu, nav, output, ruby, section, summary,
 16 ddc03123 2020-03-28 op time, mark, audio, video {
 17 ddc03123 2020-03-28 op   margin: 0;
 18 ddc03123 2020-03-28 op   padding: 0;
 19 ddc03123 2020-03-28 op   border: 0;
 20 ddc03123 2020-03-28 op   font-size: 100%;
 21 ddc03123 2020-03-28 op   font: inherit;
 22 ddc03123 2020-03-28 op   vertical-align: baseline;
 23 ddc03123 2020-03-28 op   box-sizing: border-box;
 24 ddc03123 2020-03-28 op }
 25 ddc03123 2020-03-28 op 
 26 ddc03123 2020-03-28 op html, body {
 27 ddc03123 2020-03-28 op   line-height: 1;
 28 3c8334ca 2020-09-24 op   font-size: 18px;
 29 ddc03123 2020-03-28 op }
 30 ddc03123 2020-03-28 op 
 31 ddc03123 2020-03-28 op body {
 32 ddc03123 2020-03-28 op   background-color: #ffffea;
 33 ddc03123 2020-03-28 op   color: #383838;
 34 ddc03123 2020-03-28 op   padding: 1rem;
 35 ddc03123 2020-03-28 op }
 36 ddc03123 2020-03-28 op 
 37 ddc03123 2020-03-28 op #wrapper>header>nav>ul {
 38 ddc03123 2020-03-28 op   padding: 0;
 39 ddc03123 2020-03-28 op   list-style: none;
 40 ddc03123 2020-03-28 op }
 41 ddc03123 2020-03-28 op 
 42 ddc03123 2020-03-28 op #wrapper>header>nav>ul li {
 43 ddc03123 2020-03-28 op   display: inline-block;
 44 ddc03123 2020-03-28 op   margin: 3px 20px;
 45 ddc03123 2020-03-28 op }
 46 ddc03123 2020-03-28 op 
 47 ddc03123 2020-03-28 op #wrapper>header>nav>ul li:first-of-type {
 48 ddc03123 2020-03-28 op   margin-left: 0;
 49 ddc03123 2020-03-28 op }
 50 ddc03123 2020-03-28 op 
 51 ddc03123 2020-03-28 op #wrapper>header>nav>ul li a {
 52 ddc03123 2020-03-28 op   text-decoration: none;
 53 ddc03123 2020-03-28 op }
 54 ddc03123 2020-03-28 op 
 55 ddc03123 2020-03-28 op /* HTML5 display-role reset for older browsers */
 56 ddc03123 2020-03-28 op article, aside, details, figcaption, figure,
 57 ddc03123 2020-03-28 op footer, header, hgroup, menu, nav, section {
 58 ddc03123 2020-03-28 op   display: block;
 59 ddc03123 2020-03-28 op }
 60 ddc03123 2020-03-28 op 
 61 ddc03123 2020-03-28 op #wrapper {
 62 3c8334ca 2020-09-24 op   max-width: 840px;
 63 ddc03123 2020-03-28 op   margin: 0 auto;
 64 ddc03123 2020-03-28 op }
 65 ddc03123 2020-03-28 op 
 66 ddc03123 2020-03-28 op body > header {
 67 3c8334ca 2020-09-24 op   max-width: 840px;
 68 ddc03123 2020-03-28 op   margin: 0 auto;
 69 ddc03123 2020-03-28 op }
 70 ddc03123 2020-03-28 op 
 71 ddc03123 2020-03-28 op body > header > nav ul {
 72 ddc03123 2020-03-28 op   list-style: none;
 73 ddc03123 2020-03-28 op   padding: 0;
 74 ddc03123 2020-03-28 op   margin: 0;
 75 ddc03123 2020-03-28 op }
 76 ddc03123 2020-03-28 op 
 77 ddc03123 2020-03-28 op body > header > nav li {
 78 ddc03123 2020-03-28 op   display: inline;
 79 ddc03123 2020-03-28 op   margin-right: 20px;
 80 ddc03123 2020-03-28 op }
 81 ddc03123 2020-03-28 op 
 82 ddc03123 2020-03-28 op [data-title~=":"] {
 83 ddc03123 2020-03-28 op   display: none;
 84 ddc03123 2020-03-28 op }
 85 ddc03123 2020-03-28 op 
 86 ddc03123 2020-03-28 op .heading {
 87 ddc03123 2020-03-28 op   margin-bottom: 30px;
 88 ddc03123 2020-03-28 op }
 89 ddc03123 2020-03-28 op 
 90 ddc03123 2020-03-28 op h1.main-title::after {
 91 ddc03123 2020-03-28 op   content: '-----------------------------------------------------------------';
 92 ddc03123 2020-03-28 op }
 93 ddc03123 2020-03-28 op 
 94 ddc03123 2020-03-28 op p.subtitle {
 95 ddc03123 2020-03-28 op   font-style: italic;
 96 ddc03123 2020-03-28 op   font-size: 120%;
 97 ddc03123 2020-03-28 op   margin: 0;
 98 ddc03123 2020-03-28 op }
 99 ddc03123 2020-03-28 op 
100 ddc03123 2020-03-28 op 
101 ddc03123 2020-03-28 op body main {
102 ddc03123 2020-03-28 op   margin: 0 auto;
103 3c8334ca 2020-09-24 op   max-width: 840px;
104 ddc03123 2020-03-28 op }
105 ddc03123 2020-03-28 op 
106 ddc03123 2020-03-28 op article {
107 ddc03123 2020-03-28 op   margin-bottom: 30px;
108 ddc03123 2020-03-28 op }
109 ddc03123 2020-03-28 op 
110 241c40b9 2020-09-23 op h2::before, h3::before, h4::before, h5::before, h6::before {
111 241c40b9 2020-09-23 op   font-family: monospace;
112 241c40b9 2020-09-23 op }
113 241c40b9 2020-09-23 op 
114 241c40b9 2020-09-23 op h2::before { content: "## "; }
115 241c40b9 2020-09-23 op h3::before { content: "### "; }
116 241c40b9 2020-09-23 op h4::before { content: "#### "; }
117 241c40b9 2020-09-23 op h5::before { content: "##### "; }
118 241c40b9 2020-09-23 op h6::before { content: "###### "; }
119 37740488 2020-06-05 op 
120 ddc03123 2020-03-28 op h1 {
121 ddc03123 2020-03-28 op   position: relative;
122 ddc03123 2020-03-28 op   display: table-cell;
123 ddc03123 2020-03-28 op   padding: 20px 0 30px;
124 ddc03123 2020-03-28 op   margin: 0;
125 ddc03123 2020-03-28 op   overflow: hidden;
126 ddc03123 2020-03-28 op 
127 ddc03123 2020-03-28 op   font-size: 200%;
128 ddc03123 2020-03-28 op }
129 ddc03123 2020-03-28 op 
130 ddc03123 2020-03-28 op /* a cool hack stolen from blog.soykaf.com */
131 37740488 2020-06-05 op h1::after, h2.fragment::after {
132 ddc03123 2020-03-28 op   /* should be long enough */
133 ddc03123 2020-03-28 op   content: '=================================================================';
134 ddc03123 2020-03-28 op   position: absolute;
135 ddc03123 2020-03-28 op   bottom: 0px;
136 ddc03123 2020-03-28 op   left: 0;
137 ddc03123 2020-03-28 op   white-space: nowrap;
138 67f8544b 2020-09-22 op   font-family: monospace;
139 37740488 2020-06-05 op }
140 37740488 2020-06-05 op 
141 37740488 2020-06-05 op h2.fragment {
142 37740488 2020-06-05 op   position: relative;
143 37740488 2020-06-05 op   display: table-cell;
144 37740488 2020-06-05 op   padding: 20px 0 20px;
145 37740488 2020-06-05 op   margin: 0;
146 37740488 2020-06-05 op   overflow: hidden;
147 37740488 2020-06-05 op }
148 37740488 2020-06-05 op 
149 37740488 2020-06-05 op h2.fragment::after {
150 37740488 2020-06-05 op   content: '-----------------------------------------------------------------';
151 67f8544b 2020-09-22 op   font-family: monospace;
152 bf912269 2020-09-23 op   z-index: -1;
153 ddc03123 2020-03-28 op }
154 ddc03123 2020-03-28 op 
155 37740488 2020-06-05 op h2.fragment::before {
156 37740488 2020-06-05 op   content: '';
157 37740488 2020-06-05 op }
158 37740488 2020-06-05 op 
159 ddc03123 2020-03-28 op h1::after, h2::before, h3::before, h4::before, h5::before, h6::before {
160 ddc03123 2020-03-28 op   /* color: hsla(0, 0%, 36%, 1); */
161 ddc03123 2020-03-28 op   color: #242424;
162 ddc03123 2020-03-28 op }
163 ddc03123 2020-03-28 op 
164 37740488 2020-06-05 op h1>a, h2.fragment>a {
165 ddc03123 2020-03-28 op   text-decoration: none;
166 ddc03123 2020-03-28 op }
167 ddc03123 2020-03-28 op 
168 37740488 2020-06-05 op h1>a:hover, h2.fragment>a:hover {
169 37740488 2020-06-05 op   text-decoration: underline;
170 37740488 2020-06-05 op }
171 37740488 2020-06-05 op 
172 ddc03123 2020-03-28 op h2, h3, h4, h5, h6 {
173 ddc03123 2020-03-28 op   margin: 2rem 0 1rem;
174 ddc03123 2020-03-28 op }
175 ddc03123 2020-03-28 op 
176 ddc03123 2020-03-28 op h2 {
177 ddc03123 2020-03-28 op   font-size: 180%;
178 ddc03123 2020-03-28 op }
179 ddc03123 2020-03-28 op 
180 ddc03123 2020-03-28 op h3 {
181 ddc03123 2020-03-28 op   font-size: 160%;
182 ddc03123 2020-03-28 op }
183 ddc03123 2020-03-28 op 
184 ddc03123 2020-03-28 op h4 {
185 ddc03123 2020-03-28 op   font-size: 140%;
186 ddc03123 2020-03-28 op }
187 ddc03123 2020-03-28 op 
188 ddc03123 2020-03-28 op h5 {
189 ddc03123 2020-03-28 op   font-size: 120%;
190 ddc03123 2020-03-28 op }
191 ddc03123 2020-03-28 op 
192 ddc03123 2020-03-28 op h6 {
193 ddc03123 2020-03-28 op   font-size: 100%;
194 ddc03123 2020-03-28 op }
195 ddc03123 2020-03-28 op 
196 ddc03123 2020-03-28 op ul.tags {
197 ddc03123 2020-03-28 op   padding: 0;
198 ddc03123 2020-03-28 op   margin: 0;
199 ddc03123 2020-03-28 op   list-style: none;
200 ddc03123 2020-03-28 op }
201 ddc03123 2020-03-28 op 
202 ddc03123 2020-03-28 op ul.tags::before {
203 ddc03123 2020-03-28 op   content: 'tagged with: ';
204 ddc03123 2020-03-28 op }
205 ddc03123 2020-03-28 op 
206 ddc03123 2020-03-28 op ul.tags li {
207 ddc03123 2020-03-28 op   display: inline-block;
208 ddc03123 2020-03-28 op   margin: 0 5px;
209 ddc03123 2020-03-28 op }
210 ddc03123 2020-03-28 op 
211 ddc03123 2020-03-28 op header > p {
212 ddc03123 2020-03-28 op   margin: 0;
213 ddc03123 2020-03-28 op }
214 ddc03123 2020-03-28 op 
215 ddc03123 2020-03-28 op p {
216 ddc03123 2020-03-28 op   margin: 1rem 0;
217 3c8334ca 2020-09-24 op   text-align: justify;
218 3c8334ca 2020-09-24 op   hyphens: auto;
219 d0eb44f9 2020-10-14 op   white-space: pre-wrap;
220 ddc03123 2020-03-28 op }
221 ddc03123 2020-03-28 op 
222 ddc03123 2020-03-28 op p, li {
223 3c8334ca 2020-09-24 op   line-height: 1.7;
224 ddc03123 2020-03-28 op }
225 ddc03123 2020-03-28 op 
226 6c1a989d 2020-10-03 op p.link::before {
227 6c1a989d 2020-10-03 op   content: ' => ';
228 6c1a989d 2020-10-03 op   font-family: monospace;
229 6c1a989d 2020-10-03 op }
230 6c1a989d 2020-10-03 op 
231 ddc03123 2020-03-28 op a {
232 ddc03123 2020-03-28 op   text-decoration: none;
233 ddc03123 2020-03-28 op   color: #4b4baf;
234 ddc03123 2020-03-28 op }
235 ddc03123 2020-03-28 op 
236 ddc03123 2020-03-28 op a:hover {
237 ddc03123 2020-03-28 op   text-decoration: underline;
238 ddc03123 2020-03-28 op }
239 ddc03123 2020-03-28 op 
240 ddc03123 2020-03-28 op /* other bit stolen from blog.soykaf.com */
241 ddc03123 2020-03-28 op a[href*="://"]::after, a[rel*="external"]::after {
242 ddc03123 2020-03-28 op   content: " "url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23ff9800'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E");
243 ddc03123 2020-03-28 op }
244 ddc03123 2020-03-28 op 
245 ddc03123 2020-03-28 op ul, ol {
246 ddc03123 2020-03-28 op   padding-left: 30px;
247 ddc03123 2020-03-28 op   list-style: disc;
248 ddc03123 2020-03-28 op }
249 ddc03123 2020-03-28 op 
250 ddc03123 2020-03-28 op ol {
251 ddc03123 2020-03-28 op   list-style: decimal;
252 ddc03123 2020-03-28 op }
253 ddc03123 2020-03-28 op 
254 67f8544b 2020-09-22 op code {
255 ddc03123 2020-03-28 op   color: #971174;
256 ddc03123 2020-03-28 op }
257 ddc03123 2020-03-28 op 
258 ddc03123 2020-03-28 op pre {
259 67f8544b 2020-09-22 op   position: relative;
260 ddc03123 2020-03-28 op   padding: 20px;
261 d0eb44f9 2020-10-14 op   overflow-x: auto;
262 1e9879a0 2020-04-03 op   border-width: 1px;
263 ddc03123 2020-03-28 op   border-color: #999999;
264 ddc03123 2020-03-28 op   border-style: solid;
265 67f8544b 2020-09-22 op   border-radius: 3px;
266 f3d603f9 2020-04-29 op   line-height: 1.4;
267 67f8544b 2020-09-22 op   background-color: #fdf6e3;
268 1974f188 2021-08-03 op   color: #333;
269 ddc03123 2020-03-28 op }
270 ddc03123 2020-03-28 op 
271 1974f188 2021-08-03 op pre, code {
272 1974f188 2021-08-03 op   font-family: monospace;
273 67f8544b 2020-09-22 op }
274 67f8544b 2020-09-22 op 
275 ddc03123 2020-03-28 op em {
276 ddc03123 2020-03-28 op   font-style: italic;
277 ddc03123 2020-03-28 op }
278 ddc03123 2020-03-28 op 
279 ddc03123 2020-03-28 op strong {
280 ddc03123 2020-03-28 op   font-weight: bold;
281 ddc03123 2020-03-28 op }
282 ddc03123 2020-03-28 op 
283 ddc03123 2020-03-28 op hr {
284 ddc03123 2020-03-28 op   border: 0;
285 ddc03123 2020-03-28 op   height: 1px;
286 ddc03123 2020-03-28 op   background-color: hsla(0, 0%, 25%, 1);
287 1e9879a0 2020-04-03 op   width: 70%;
288 1e9879a0 2020-04-03 op   margin: 2rem auto;
289 ddc03123 2020-03-28 op }
290 ddc03123 2020-03-28 op 
291 ddc03123 2020-03-28 op blockquote, q {
292 ddc03123 2020-03-28 op   quotes: none;
293 ddc03123 2020-03-28 op }
294 ddc03123 2020-03-28 op 
295 ddc03123 2020-03-28 op blockquote {
296 ddc03123 2020-03-28 op   border-left: 3px solid hsla(113, 80%, 45%, 1);
297 ddc03123 2020-03-28 op   padding-left: 10px;
298 ddc03123 2020-03-28 op   font-style: italic;
299 ddc03123 2020-03-28 op }
300 ddc03123 2020-03-28 op 
301 ddc03123 2020-03-28 op blockquote em {
302 ddc03123 2020-03-28 op   font-style: normal;
303 ddc03123 2020-03-28 op }
304 ddc03123 2020-03-28 op 
305 ddc03123 2020-03-28 op blockquote:before, blockquote:after,
306 ddc03123 2020-03-28 op q:before, q:after {
307 ddc03123 2020-03-28 op   content: '';
308 ddc03123 2020-03-28 op   content: none;
309 ddc03123 2020-03-28 op }
310 ddc03123 2020-03-28 op 
311 ddc03123 2020-03-28 op img {
312 ddc03123 2020-03-28 op   max-width: 100%;
313 ddc03123 2020-03-28 op   height: auto;
314 67f8544b 2020-09-22 op   display: block;
315 67f8544b 2020-09-22 op   margin: 1rem auto;
316 ddc03123 2020-03-28 op }
317 ddc03123 2020-03-28 op 
318 ddc03123 2020-03-28 op figure figcaption {
319 ddc03123 2020-03-28 op   padding: 5px 0;
320 ddc03123 2020-03-28 op   text-align: center;
321 ddc03123 2020-03-28 op }
322 ddc03123 2020-03-28 op 
323 ddc03123 2020-03-28 op table {
324 ddc03123 2020-03-28 op   border-collapse: collapse;
325 ddc03123 2020-03-28 op   border-spacing: 0;
326 ddc03123 2020-03-28 op }
327 ddc03123 2020-03-28 op 
328 ddc03123 2020-03-28 op nav.post-navigation {
329 ddc03123 2020-03-28 op   margin-top: 50px;
330 ddc03123 2020-03-28 op   display: flex;
331 ddc03123 2020-03-28 op   flex-direction: row;
332 ddc03123 2020-03-28 op }
333 ddc03123 2020-03-28 op 
334 ddc03123 2020-03-28 op nav.post-navigation a.next {
335 ddc03123 2020-03-28 op   margin-left: auto;
336 ddc03123 2020-03-28 op }
337 ddc03123 2020-03-28 op 
338 ddc03123 2020-03-28 op footer {
339 ddc03123 2020-03-28 op   border-top: 1px solid #e6e0e0;
340 ddc03123 2020-03-28 op   margin-top: 100px;
341 ddc03123 2020-03-28 op   padding-top: 10px;
342 ddc03123 2020-03-28 op   font-style: italic;
343 ddc03123 2020-03-28 op   text-align: center;
344 4493b6b7 2020-11-03 op }
345 4493b6b7 2020-11-03 op 
346 4493b6b7 2020-11-03 op footer p {
347 4493b6b7 2020-11-03 op   margin: 0;
348 ddc03123 2020-03-28 op }
349 cae08ba8 2020-09-23 op 
350 cae08ba8 2020-09-23 op 
351 cae08ba8 2020-09-23 op /* dark theme */
352 cae08ba8 2020-09-23 op @media (prefers-color-scheme: dark) {
353 cae08ba8 2020-09-23 op   body {
354 cae08ba8 2020-09-23 op     color: #ffffea;
355 cae08ba8 2020-09-23 op     background-color: #383838;
356 cae08ba8 2020-09-23 op   }
357 cae08ba8 2020-09-23 op 
358 cae08ba8 2020-09-23 op   h1::after, h2.fragment::after {
359 cae08ba8 2020-09-23 op     color: #5c5c5c;
360 cae08ba8 2020-09-23 op   }
361 cae08ba8 2020-09-23 op 
362 cae08ba8 2020-09-23 op   h2::before, h3::before, h4::before, h5::before, h6::before {
363 cae08ba8 2020-09-23 op     color: #5c5c5c;
364 cae08ba8 2020-09-23 op   }
365 cae08ba8 2020-09-23 op 
366 cae08ba8 2020-09-23 op   a {
367 cae08ba8 2020-09-23 op     color: #8e8eff;
368 cae08ba8 2020-09-23 op   }
369 cae08ba8 2020-09-23 op 
370 cae08ba8 2020-09-23 op   code {
371 cae08ba8 2020-09-23 op     color: #ea7acd;
372 cae08ba8 2020-09-23 op   }
373 cae08ba8 2020-09-23 op 
374 cae08ba8 2020-09-23 op   pre {
375 cae08ba8 2020-09-23 op     border-color: #999999;
376 cae08ba8 2020-09-23 op     background-color: #2f2e2d;
377 cae08ba8 2020-09-23 op   }
378 cae08ba8 2020-09-23 op 
379 1974f188 2021-08-03 op   pre {
380 cae08ba8 2020-09-23 op     color: #ffffea;
381 cae08ba8 2020-09-23 op   }
382 cae08ba8 2020-09-23 op }