:root {
  /* Shamelessly stolen from https://www.worksinprogress.co/ */
  --text: #18181b;
  --background: #f9fafb;
  --link: rgb(65, 105, 225);
  --link-50: rgb(65, 105, 225, 50%);
  --divider: rgba(110, 110, 110, 0.8);
}

@media (prefers-color-scheme: dark) {
  :root {
    --text: rgb(240, 240, 240);
    --background: #2D2828;
    --link: rgb(178, 196, 250);
    --link-50: rgb(178, 196, 250, 50%);
    --divider: rgba(211, 211, 211, 0.8);
  }
}

html,
body {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  /* font-family: "Inconsolata", "Source Code Pro", "IBM Plex Mono", "Andale Mono", "DejaVu Sans Mono", "Consolas", "Roboto Mono", "Hack", monospace; */
  /* font-family: 'Averia Serif Libre', Georgia, serif; */
  font-size: 10px;
  color: var(--text);
  background-color: var(--background);
}

section {
  padding: 6rem 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

section.centered {
  text-align: center;
}

p, ul, ol {
  width: 100%;
  max-width: min(60rem, 85vw);
  font-weight: 400;
  line-height: 4.3rem;
}

p {
  font-size: 3rem;
  margin: 0 auto;
  padding: 2rem;
}

ul {
  font-size: 2rem;
}

ol {
  font-size: 2rem;
  list-style-type: lower-alpha;
}

.divider {
  width: 5rem;
  height: 0.5rem;
  border-bottom: 0.5rem dotted var(--divider);
  margin: 0 auto;
}

.face {
  height: 15rem;
  margin: 0 1rem;
}

.face-container {
  width: 100%;
  max-width: min(60rem, 85vw);
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}

a,
a:visited,
a:link {
  text-decoration-line: underline;
  text-decoration-skip-ink: none; /* do not skip descenders */
  text-decoration-color: var(--link-50);
  text-decoration-thickness: 0.5rem;
  display: inline-block;
  color: var(--link);
}

a:hover {
  text-decoration-color: var(--link);
}

img {
  max-width: 100%;
}