45 lines
597 B
CSS
45 lines
597 B
CSS
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--background-color: #eff1f5;
|
|
--text-color: #1e1e2e;
|
|
--link-color: #1a1adc;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background-color: #1e1e2e;
|
|
--text-color: #cdd6f4;
|
|
--link-color: #8cb8ff;
|
|
}
|
|
}
|
|
|
|
body {
|
|
font-family: "Atkinson Hyperlegible", sans-serif;
|
|
text-align: center;
|
|
}
|
|
|
|
section,
|
|
footer {
|
|
max-width: 600px;
|
|
margin: auto;
|
|
}
|
|
|
|
p {
|
|
font-size: 22px;
|
|
}
|
|
|
|
a {
|
|
font-size: 22px;
|
|
color: var(--link-color);
|
|
}
|
|
|
|
body {
|
|
background-color: var(--background-color);
|
|
color: var(--text-color)
|
|
}
|
|
|
|
hr {
|
|
color: var(--text-color);
|
|
}
|