5 html
{ scroll-behavior: smooth
}
8 font-family: "Hoefler Text", "Times New Roman", serif
;
9 font-feature-settings: "liga" 1, "dlig" 1, "pnum" 1;
11 letter-spacing: 0.02em;
14 @supports (-webkit-touch-callout: none
) {
17 font: -apple-system-body
;
18 font-family: "Hoefler Text", "Times New Roman", serif
;
19 font-feature-settings: "liga" 1, "dlig" 1, "pnum" 1;
21 letter-spacing: 0.02em;
30 background-color: #e8e8e8;
33 .h2 { margin-top: 1em }
34 @media only screen and
(min-width: 500px) {
35 body
{ overflow-x: auto
}
39 .h2:not(:only-child) {
43 h2
{ max-width: 14.6em }
47 pre
{ max-width: 25em }
54 h2:empty
{display: none
}
58 p:not
(.a
) { column-span: all
}
59 p
{ break-after: column
}
60 p
.a
{ break-after: avoid
}
65 .a { margin: 0 0.3em }
67 background-color: #eee;
68 font-family: courier
, monospace
;
74 pre
[role
="img"] { display: none
}
75 blockquote
, p
, article
> div
{
79 border-left: 4px solid
#ccc;
84 font-family: "Avenir Next";
90 text-transform: lowercase
;
93 display: inline-block
;
98 h2
, h3
, a
{ color: #00f }
99 [data-title
="/index.html"] {
100 .h2:nth-of-type(n+5):nth-of-type(-n+6) {
101 h2
, h3
, a
{ color: #EE0700 }
104 .h2:nth-of-type(n+7):nth-of-type(-n+9) {
105 h2
, h3
, a
{ color: #6A5ACD }
108 .h2:nth-of-type(10) {
109 h2
, h3
, a
{ color: #A76905 }
112 .h2:nth-of-type(11) {
113 h2
, h3
, a
{ color: #398557 }
116 .h2:nth-of-type(n+12):nth-of-type(-n+16) {
117 h2
, h3
, a
{ color: #D505C6 }
120 .h2:nth-of-type(17) {
121 h2
, h3
, a
{ color: #6A788A }
126 display: inline-block
;
131 header
{ position: relative
}
137 font-size: min
(7.5rem, 17vw);
139 letter-spacing: -0.2em;
143 background: repeating-linear-gradient
(
150 background-clip: text
;
152 display: inline-block
;
153 padding-right: 0.2em;
154 text-decoration: none
;
155 -webkit-text-stroke: 1px #000;
159 background-color: #000;
160 border: 1px solid
#000;
161 display: inline-block
;
166 @media (prefers-color-scheme: dark
) {
172 background-color: #fff;
173 border: 1px solid
#fff;
175 h2
, h3
, a
{ color: #5dc1fd }
176 [data-title
="/index.html"] .h2:nth-of-type
(n
+7):nth-of-type
(-n
+9) {
177 h2
, h3
, a
{ color: #675CFB }
179 pre
{ background-color: #222 }
181 -webkit-text-stroke: 1px #fff;