meowy-webring/public/style.css

78 lines
1.4 KiB
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;
max-width: 600px;
margin: auto;
background-color: var(--background-color);
color: var(--text-color)
}
a {
color: var(--link-color);
font-size: 22px;
}
p {
font-size: 22px;
}
@font-face {
font-family: Atkinson Hyperlegible;
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(/public/woff2/atkinson-hyperlegible-latin-ext-400-normal.woff2) format("woff2"),
url(/public/woff/atkinson-hyperlegible-all-400-normal.woff) format("woff");
unicode-range: U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF
}
@font-face {
font-family: Atkinson Hyperlegible;
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(/public/woff2/atkinson-hyperlegible-latin-400-normal.woff2) format("woff2"),
url(/public/woff/atkinson-hyperlegible-all-400-normal.woff) format("woff");
unicode-range: U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD
}