81 lines
944 B
CSS
81 lines
944 B
CSS
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--background-color: #f6f5f4;
|
|
--text-color: black;
|
|
--link-color: darkblue;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background-color: #191919;
|
|
--text-color: #E9E9E9;
|
|
--link-color: cyan;
|
|
}
|
|
}
|
|
|
|
body {
|
|
font-family: "Atkinson Hyperlegible", sans-serif;
|
|
text-align: center;
|
|
font-size: 1.375rem;
|
|
}
|
|
|
|
footer,
|
|
main {
|
|
max-width: 600px;
|
|
margin: auto;
|
|
}
|
|
|
|
a {
|
|
font-size: 1.375rem;
|
|
color: var(--link-color);
|
|
}
|
|
|
|
h1 {
|
|
font-size: 3.225rem;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 2.825rem;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 2.225rem;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1.665rem;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 1.375rem;
|
|
}
|
|
|
|
h6 {
|
|
font-size: 1.185rem;
|
|
}
|
|
|
|
/* don't ask why i'm doing this cursed workaround, but i am. */
|
|
h1>a,
|
|
h2>a,
|
|
h3>a,
|
|
h4>a,
|
|
h5>a,
|
|
h6>a {
|
|
font-size: inherit;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--background-color);
|
|
color: var(--text-color)
|
|
}
|
|
|
|
hr {
|
|
color: var(--text-color);
|
|
}
|
|
|
|
hr {
|
|
border: 1px solid;
|
|
max-width: 600px;
|
|
}
|