body, html { background: #222; margin:0; font-family: dirindex, monospace; color: #ddd; font-weight: 400; }

h2 { font-weight: 200; font-size: 45px; margin: 20px 35px; }

div.list { background: #111; padding: 20px 35px; }
div.foot { color: #777; margin-top: 15px; padding: 20px 35px; }

td { padding: 0 10px 0 0; line-height: 22px; }
th { padding: 0 10px 8px 0; text-align: left; }
tr:hover { background: black; }

a { color: #32C6FF; }
a:visited { color: #BD32FF; }
a:hover { color: #B8EBFF; }

@media (prefers-color-scheme: light) {
  body, html { background: #ddd; color: #222; } 
  div.list { background: #eee; }
  div.foot { color: #444; }
  tr:hover { background: white; }
  a { color: #1963AA; }
  a:hover { color: #1248CC; }
}

@font-face {
  font-family: 'dirindex';
  font-style: normal;
  font-weight: 200;
  src: url(/.font.woff2) format('woff2');
}