static/styles.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

@font-face {
  font-family: "Caladea";
  src: url(fonts/Caladea-Regular.woff2);
}

@font-face {
  font-family: "Caladea";
  src: url(fonts/Caladea-Bold.woff2);
  font-weight: bold;
}

@font-face {
  font-family: "Caladea";
  src: url(fonts/Caladea-Italic.woff2);
  font-style: italic;
}

@font-face {
  font-family: "Caladea";
  src: url(fonts/Caladea-BoldItalic.woff2);
  font-style: italic;
  font-weight: bold;
}

html, body {
  font-family: "Caladea", serif;
  background-color: #ffffee;
  color: #222222;
}

@media (prefers-color-scheme: dark) {
  html, body {
    background-color: #222;
    color: #eee;
  }

  a { color: #8888ff; }
  a:visited { color: #ff88ff; }
}

main {
  width: clamp(60em, 80vw, 100em);
  max-width: 100%;
  margin: auto;
}