:root {
--background: #f8f8f8;
--text: #222;
--accent: #c10;
}
body {
text-shadow: -0.75px -0.75px #eee4, 1.5px 1.5px #fff;
}
:lang(zh) {
font-variant-numeric: lining-nums;
}
h1,
h2,
bold,
strong,
a {
color: var(--text);
}
h1,
h2,
.languages,
.page-footer,
ol li::marker {
font-family: "Libertinus Sans", var(--sans-serif);
}
h1,
h2 {
text-align: start;
border-block-end: 1px dotted var(--accent);
}
nav.languages {
font-weight: bold;
& ul {
justify-content: start;
& li:first-child {
margin-inline-start: 0;
}
}
& a {
font-weight: normal;
}
}
.page-footer {
text-align: end;
& #licence {
display: none;
}
& a {
font-weight: bold;
}
& > ul {
font-style: normal;
color: var(--text);
text-align: end;
opacity: 0.75;
}
}
a {
text-decoration-color: var(--accent);
}
ol li::marker {
font-size: 0.9em;
font-weight: bold;
}
@font-face {
font-family: "Libertinus Sans";
font-weight: normal;
src: url("/fonts/LibertinusSans-Regular.woff2"), local();
}
@font-face {
font-family: "Libertinus Sans";
font-weight: bold;
src: url("/fonts/LibertinusSans-Bold.woff2"), local();
}