a277f34cb4baab82eaa0510f95906e1811e124a5
2 --palette0: rgb
(148,26,20);
3 --palette0-t: rgb
(148,26,20,0.8);
4 --palette0-d: rgb
(100,5,0);
5 --palette0-l: rgb
(165,65,60);
6 --palette1: rgb
(227,93,36);
7 --palette1-d: rgb
(170,51,0);
8 --palette1-h: rgb
(242,72,0);
9 --palette1-l: rgb
(243,157,121);
10 --palette1-u: rgb
(255,101,36);
11 --palette2: rgb
(236,222,222);
12 --palette2-d: rgb
(230,198,196);
13 --palette2-l: rgb
(255,250,250);
14 --palette3: rgb
(13,62,86);
15 --palette3-d: rgb
(2,38,56);
16 --palette3-l: rgb
(5,76,111);
18 --color-bg: var
(--palette2
);
19 --color-bg-light: var
(--palette2-l
);
20 --color-bg-dark: var
(--palette2-d
);
22 --color-text-link: var
(--palette3-l
);
23 --color-text-active: var
(--palette3-d
);
24 --color-header: var
(--palette0-l
);
25 --color-header-dark: var
(--palette0
);
26 --color-header-contrast: var
(--palette3
);
28 background-color: var
(--color-bg
);
29 color: var
(--color-text
);
32 color: var
(--color-text-link
);
36 color: var
(--color-text-active
);
44 text-decoration: underline
;
61 justify-content: center
;
64 background-color: var
(--color-header
);
68 font-size: calc
(11pt + 0.22vw);
69 font-family: sans-serif
;
74 background-color: var
(--color-header
);
77 flex-direction: column
;
79 justify-content: center
;
86 box-shadow: 2px 1px 2px black
;
87 border: 1px solid black
;
88 background-color: var
(--color-header-contrast
);
95 box-shadow: 2px 1px 2px black
;
96 border: 1px solid black
;
99 background-color: var
(--color-header-contrast
);
100 color: var
(--color-bg
);
102 border: thin solid black
;
114 fill: var
(--color-text-link
);
116 body
> nav a
> summary
{
119 body
> nav a
> svg:hover
,
120 body
> nav a
> svg:active
,
121 body
> nav svg
.selected
{
122 fill: var
(--color-text-active
);
126 justify-content: center
;
128 background-color: var
(--color-bg
);
130 body
> nav
> footer
{
132 font-family: fantasy
;
133 background-color: var
(--color-header-dark
);
134 color: var
(--color-bg
);
135 border-radius: 0 0 1.3rem 1.3rem;
141 body
> main
> article
> * {
146 justify-content: space-around
;
150 div
.speedy-cards
> a
{
153 text-decoration: none
;
159 box-shadow: 2px 1px 2px black
;
160 border: 1px solid black
;
164 background-color: var
(--color-bg-dark
);
166 div
.speedy-cards
> a
> div
{
172 div
.speedy-cards
> a
> img
{
179 background-size: 100% 100%;
181 border: 1px solid black
;
183 div
.speedy-cards
> br
{
184 /* Linebreaks are inserted and made invisible to make text browsers and
185 ARIA-readers break between anchors */
191 place-content: center space-around
;
196 ul
.speedy-list
> li
{
201 flex-flow: column nowrap
;
202 justify-content: center
;
210 justify-content: center
;
211 text-decoration: none
;
217 background-color: var
(--color-bg
);
218 border: 1px solid black
;
223 box-shadow: 2px 1px 2px black
;
232 div
.speedy-img
> div
{
241 background-size: 64px 64px;
242 border: 1px solid black
;
261 ul
.pagination
> li
.disabled
{
264 text-decoration: none
;
265 pointer-events: none
;
272 justify-content: center
;
283 background-color: white
;
284 box-shadow: 1px 1px 1px black
;
288 article
> ol
> li
> code
,
289 article
> ul
> li
> code
{
291 background-color: white
;
292 box-shadow: 1px 1px 1px black
;
297 @media screen and
(orientation:landscape
) {
298 body
> main
> article
{
299 margin: 1vh 1vw 1vw 1vh;
301 background-color: var
(--color-bg-light
);
302 border: 1px solid black
;
304 box-shadow: 2px 1px 2px black
;
308 background-color: var
(--color-header-contrast
);
311 @media screen and
(orientation:portrait
) {
312 body
> main
> article:after
{
321 position: -webkit-sticky
;
332 body
> nav
> footer
{