body { font-family: Verdana, sans-serif; margin: auto; padding: 20px; max-width: 720px; text-align: left; background-color: #fff; word-wrap: break-word; overflow-wrap: break-word; line-height: 1.5; color: #444; } .skip { position: absolute; top: -3em; background: #fff; } .skip:focus { top: 0; } h1, h2, h3, h4, h5, h6, strong, b { color: #222; } a { color: #3273dc; } .title { color: #222; text-decoration: none; border: 0; } time { font-style: italic; } .title span { font-weight: 400; } nav a { margin-right: 10px; } .tags { padding: unset; font-size: small; } .tags > li { list-style: none; display: inline-block; padding-right: 1ex; } textarea { width: 100%; font-size: 1rem; } input { font-size: 1rem; } main, article { line-height: 1.6; } table { width: 100%; } img { max-width: 100%; } code { padding: 2px 5px; background-color: #f2f2f2; } pre code { color: #222; display: block; padding: 20px; white-space: pre-wrap; font-size: 0.875rem; overflow-x: auto; } div.highlight pre { background-color: initial; color: initial; } div.highlight code { background-color: unset; color: unset; } blockquote { border-left: 1px solid #999; color: #222; padding-left: 20px; font-style: italic; } footer { padding: 25px; text-align: center; } .helptext { color: #777; font-size: small; } .errorlist { color: #eba613; font-size: small; } /* blog posts */ ul.blog-posts { list-style-type: none; padding: unset; } ul.blog-posts li { display: flex; } ul.blog-posts li span { flex: 0 0 130px; } ul.blog-posts li a:visited { color: #8b6fcb; } @media (prefers-color-scheme: dark) { body { background-color: #333; color: #ddd; } h1, h2, h3, h4, h5, h6, strong, b, .title { color: #eee; } a { color: #8cc2dd; } code { background-color: #777; } pre code { color: #ddd; } blockquote { color: #ccc; } textarea, input { background-color: #252525; color: #ddd; } .helptext { color: #aaa; } }