:root {
  --heading-scale: 2;
}

html {
  color-scheme: light dark;
}

body {
  font-family: 'Open Sans', 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
  margin: 1rem auto;
  max-width: 80ch;
  padding: 1rem
}

a {
  color: oklch(60.96% 0.22051 26.801);
}

a:hover {
  color: oklch(71.259% 0.14685 21.418);
}

h1,
h2,
h3 {
  font-family: "EB Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  border-bottom: 2px dotted #333;
}

h1 {
  font-size: calc(1.5em * var(--heading-scale));
}

h2 {
  font-size: calc(1.25em * var(--heading-scale));
}

h3 {
  font-size: calc(1.15em * var(--heading-scale));
}


li {
  padding-block: 0.25rem;
}

table {
  table-layout: fixed;
  width: 90%;
  margin: 10px auto;
  border-collapse: collapse;
}

th,
td {
  padding: 0.6em;
}

tbody tr:nth-child(odd) {
  background-color: oklch(31.317% 0.00004 271.152);
  color: #ffffff;
}

.ml {
  margin-left: 1em;
}