Columnize

[rbdr/r.bdr.sh] / css / style.css

body {
  font-family: "Times New Roman", Times, serif;
  line-height: 1.6;
  letter-spacing: 0.02em;
  column-count: auto;
  column-width: 15em;
}

header, p:first-of-type, pre:first-of-type { column-span: all }

h1, h2, h3 { font-weight: normal }

h2 { break-before: column }

p { break-inside: avoid }

pre {
  font-family: Monaco, monospace;
  font-size: 14px;
  background-color: #eee;
}

canvas {
  width: 64px;
  height: 64px;
  display: inline-block;
  background-color: gainsboro;
}

@media (prefers-color-scheme: dark) {
  body {
    color: #fff;
    background: #000;
  }

  a {
    color: #5dc1fd;
  }

  a:visited {
    color: #ed6eff;
  }

  pre {
    background-color: #222;
  }
}