:root { color-scheme: dark; }
@font-face { font-family: "Archivo"; src: url("../src/fonts/archivo.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; }
body {
  margin: 0;
  padding: 40px 20px 64px;
  background: #050508;
  color: #f3eee3;
  font: 16px/1.6 "Archivo", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}
main { max-width: 680px; margin: 0 auto; }
h1 { margin: 0 0 6px; font: 800 36px/1.1 "Archivo", sans-serif; font-stretch: 112%; }
h2 { margin: 32px 0 8px; font: 700 20px/1.2 "Archivo", sans-serif; }
p, li { color: rgba(243, 238, 227, 0.82); }
a { color: #8ebaff; }
.date { color: rgba(243, 238, 227, 0.55); font-size: 14px; }
.todo { background: #5a3d00; color: #ffe3a8; padding: 0 4px; border-radius: 3px; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { padding: 8px 6px; border-bottom: 1px solid rgba(243, 238, 227, 0.16); text-align: left; vertical-align: top; }
th { color: rgba(243, 238, 227, 0.6); font-weight: 500; }