style.css (1083B)
1 :root {
2 --bg: #f4ecd8;
3 --fg: #000000;
4 }
5 @media (prefers-color-scheme: dark) {
6 :root{
7 --bg: #1c1b22;
8 --fg: #fbfbfe;
9 }
10 }
11 :root {
12 background-color: var(--bg);
13 color: var(--fg);
14 font-family: "Times New Roman", Times, serif;
15 }
16 body {
17 width: 95%;
18 max-width: 980px;
19 margin-left: auto;
20 margin-right: auto;
21 }
22 a {
23 color: var(--fg) !important;
24 font-weight: bolder;
25 text-decoration: underline;
26 }
27 p {
28 text-align: justify;
29 }
30 nav {
31 position: sticky;
32 top: 0px;
33 background: var(--bg);
34 padding: 1px;
35 border-radius: 5px;
36
37 }
38 nav > ul {
39 display: inline-block;
40 padding-left: 0px;
41 padding-right: 0px;
42 margin-left: auto;
43 margin-right: auto;
44 }
45 nav > ul > li {
46 display: inline-block;
47 margin: 2.5px;
48 }
49 nav > ul > li > a > svg {
50 height: 1em;
51 border-color: #000000; /* inverted in dark mode */
52 border-radius: 3px;
53 border-style: solid;
54 border-width: 2px;
55 margin-left: 5px;
56 margin-right: 5px;
57 margin-bottom: -0.5em;
58 padding: 0.2em;
59 }
60 @media (prefers-color-scheme: dark) {
61 nav > ul > li > a > svg {
62 filter: invert(100%);
63 }
64 }
