@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;
}