c7db1edf6f1762bc0df1be82b2331581654f3ec3
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
(172,78,73);
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);
17 --palette-bg: var
(--palette2
);
18 --palette-bg-dark: var
(--palette2-d
);
19 --palette-text: black
;
20 --palette-text-link: var
(--palette3-l
);
21 --palette-text-active: var
(--palette3-d
);
22 --palette-header: var
(--palette0-t
);
23 --palette-header: var
(--palette0-l
);
24 --palette-header-dark: var
(--palette0
);
25 --palette-header-contrast: var
(--palette3
);
26 background-color: var
(--palette-bg
);
30 color: var
(--palette-text-link
);
34 color: var
(--palette-text-active
);
41 text-decoration: underline
;
50 justify-content: center
;
53 background-color: var
(--palette-header
);
58 font-size: calc
(3pt + 1.5vw); /* 60 chars wide */
59 /* font-size: 1.8rem; */
64 background-color: var
(--palette-header
);
67 flex-direction: column
;
69 justify-content: center
;
76 box-shadow: 2px 1px black
;
77 border: 1px solid black
;
78 background-color: var
(--palette-header-contrast
);
85 box-shadow: 2px 1px black
;
86 border: 1px solid black
;
89 background-color: var
(--palette-header-contrast
);
90 color: var
(--palette-bg
);
92 border: thin solid black
;
104 fill: var
(--palette-text-link
);
106 body
> nav a
> summary
{
109 body
> nav a
> svg:hover
,
110 body
> nav a
> svg:active
,
111 body
> nav svg
.selected
{
112 fill: var
(--palette-text-active
);
116 justify-content: center
;
118 background-color: var
(--palette-bg
);
120 body
> nav
> footer
{
122 font-family: fantasy
;
123 background-color: var
(--palette-header-dark
);
124 color: var
(--palette-bg
);
125 border-radius: 0 0 1.3rem 1.3rem;
128 @media screen and
(orientation:portrait
) {
130 position: -webkit-sticky
;
141 body
> nav
> footer
{
147 justify-content: space-around
;
151 div
.speedy-cards
> a
{
154 text-decoration: none
;
160 box-shadow: 2px 1px black
;
161 border: 1px solid black
;
165 background-color: var
(--palette-bg-dark
);
167 div
.speedy-cards
> a
> div
{
171 div
.speedy-cards
> a
> img
{
178 background-size: 100% 100%;
180 border: 1px solid black
;
182 div
.speedy-cards
> br
{
183 /* Linebreaks are inserted and made invisible to make text browsers and
184 ARIA-readers break between anchors */
199 ul
.pagination
> li
.disabled
{
202 text-decoration: none
;
203 pointer-events: none
;