@font-face {
  font-family: body;
  src: url(jetbrainsmono.ttf);}

:root {
    --color-1: #fff;
    --color-2: #0f7;
    --color-3: #f07;
    --color-bg1: #000;
    --color-bg2: #222;}

body {
    background: #000;
    color: var(--color-1);
    font: 15px "body", monospace;
    margin: 0 auto;
    padding: 20px;
    max-width: 900px;}

header {text-align: right; margin-bottom: 20px;}
header a {color: var(--color-3);}

nav {text-align: center;}

a {color: var(--color-2); font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
h1,h2 { 
    background: var(--color-bg2);
    padding: 10px;
    border: 1px solid var(--color-3);
    border-radius: 0 20px 0 20px;}
strong, em {color: var(--color-3);}

ul li {list-style: square;}
li {margin: 6px 0;}

table {border-collapse: collapse; width: 100%;}
th, td {padding: 10px;}
tr {border-bottom: 2px solid var(--color-bg2);}

code {background: var(--color-bg2); font-size: 15px;}
pre code {background: var(--color-bg2); display: block; padding: 2px;}

div.postdate,div.postauthor {color: var(--color-3);}