2025-02-15 10:19:38 +01:00
|
|
|
:root {
|
|
|
|
--footnote-w: 170px;
|
|
|
|
--article-w: 800px;
|
|
|
|
--main-w: calc(1200px - 2rem);
|
|
|
|
--img-offset: -5ch;
|
|
|
|
--background: floralwhite;
|
|
|
|
--text: black;
|
|
|
|
--accent: orange;
|
2025-02-16 13:52:06 +01:00
|
|
|
--gap: 2rem;
|
2025-02-15 10:19:38 +01:00
|
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
body {
|
|
|
|
--background: #1b1b1b;
|
|
|
|
--text: white;
|
|
|
|
--background-invert: teal;
|
|
|
|
--text-invert: black;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
background-color: var(--background);
|
|
|
|
color: var(--text);
|
|
|
|
}
|
|
|
|
|
|
|
|
.m-0 {
|
|
|
|
margin: 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.d-print,
|
|
|
|
.d-web {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen {
|
|
|
|
.d-web {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media print {
|
|
|
|
.d-print {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
}
|