1@font-face {
2 font-family: "recu";
3 src: url("/recultramin.eot");
4 src:
5 url("/recultramin.eot?#iefix") format("embedded-opentype"),
6 url("/recultramin.woff2") format("woff2"),
7 url("/recultramin.ttf") format("truetype");
8 font-weight: 400 750;
9 font-style: normal;
10 font-display: swap;
11 font-variation-settings: "CASL" 0.25, "MONO" 0;
12 font-style: oblique -15deg 0deg;
13 unicode-range: U+0020-007E;
14}
15@font-face {
16 font-family: "rmo";
17 src: url("/recmono.eot");
18 src:
19 url("/recmono.eot?#iefix") format("embedded-opentype"),
20 url("/recmono.woff2") format("woff2"),
21 url("/recmono.ttf") format("truetype");
22 font-weight: 400 800;
23 font-style: normal;
24 font-display: swap;
25 font-variation-settings: "CASL" 0.25, "MONO" 1;
26 font-style: oblique -15deg 0deg;
27 unicode-range: U+0020-007E;
28}
29@font-face {
30 font-family: "rmo";
31 src: url("/recmonorest.eot");
32 src:
33 url("/recmonorest.eot?#iefix") format("embedded-opentype"),
34 url("/recmonorest.woff2") format("woff2"),
35 url("/recmonorest.ttf") format("truetype");
36 font-weight: 400 800;
37 font-style: normal;
38 font-display: swap;
39 font-variation-settings: "CASL" 0.25, "MONO" 1;
40 font-style: oblique -15deg 0deg;
41 unicode-range:
42 U+00C0-00FF,
43 U+00A9,
44 U+2190-2193,
45 U+2018,
46 U+2019,
47 U+201C,
48 U+201D,
49 U+2022,
50 U+00A0-00A8,
51 U+00AA-00BF,
52 U+2194-2199,
53 U+0100-017F;
54}
55@font-face {
56 font-family: "recu";
57 src: url("/recthin.eot");
58 src:
59 url("/recthin.eot?#iefix") format("embedded-opentype"),
60 url("/recthin.woff2") format("woff2"),
61 url("/recthin.ttf") format("truetype");
62 font-weight: 350;
63 font-style: normal;
64 font-display: swap;
65 font-variation-settings: "CASL" 0.25, "MONO" 0;
66 unicode-range: U+0020-007E;
67}
68
69*,
70::before,
71::after {
72 box-sizing: border-box;
73 margin: 0;
74 padding: 0;
75}
76
77body {
78 font-family: "recu", sans-serif;
79 background-color: var(--bg);
80 color: var(--fg);
81 word-break: break-word;
82}
83
84main {
85 display: block;
86 margin: auto;
87 width: auto;
88 max-width: 768px;
89 padding: 1em;
90}
91
92h1 {
93 font-size: 2em;
94}
95
96h1,
97h2,
98h3,
99h4,
100h5,
101h6,
102p,
103figure,
104ul,
105ol {
106 margin-top: 1em;
107 margin-bottom: 1em;
108}
109
110ul,
111ol {
112 padding-left: 1em;
113}
114
115li {
116 margin: 0.5em 0;
117}
118
119a {
120 text-decoration: none;
121 color: var(--primary);
122}
123a.custom {
124 color: inherit;
125}
126a:where([href]:not(.custom)) {
127 color: var(--primary);
128 margin: -0.2em -0.3em;
129 padding: 0.2em 0.3em;
130 border-radius: 4px;
131 &:hover {
132 text-decoration: underline;
133 /* font-weight: 600; */
134 color: var(--primary);
135 color: lch(from var(--primary) calc(l) calc(c + 30) h);
136 }
137 &:active {
138 text-decoration: underline;
139 /* font-weight: 600; */
140 text-decoration: none;
141 color: black;
142 background-color: var(--primary);
143 background-color: lch(from var(--primary) l calc(c + 20) calc(h - 90));
144 text-shadow: none;
145 }
146}
147
148code {
149 font-family: "rmo", monospace;
150 font-size: inherit;
151}