body
{
  padding: 20px;
}

body, h1, h2, h3, code, pre, a, i, b, p, em, strong, table, ul, ol, li, th, td
{
  font-size: 15px;
  font-family: monospace;
  font-style: normal;
  text-decoration: none;
  color: black;
  font-weight: normal;
  text-align: left;
}

h1:first-of-type:after
{
  content: ".txt ======";
}

.nav:before { content: ">>> "; }
.nav:after  { content: " <<<"; }

a:before { content: "["; }
a:after { content: "]"; }

.dead:before, .dead:after { content: "~"; }

p::first-letter
{
  margin-left: 35px;
}

b:before, strong:before, b:after, strong:after { content: "_"; }
i:before, em:before, i:after, em:after { content: "/"; }

td:before, th:before { content: "| "; }

tr:after { content: " |"; }

pre:before, pre:after { content: "~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-\A"; }

table, pre, code, h1, h2, h3, p
{
  margin: 15px 0;
}

ul
{
  list-style: none;
  padding: 0px;
}

ul li:before
{
  content: "- ";
}

h1:before { content: "====== "; }
h1:after { content: " ======"; }

h2:before { content: "==== "; }
h2:after { content: " ===="; }

h3:before { content: "== "; }
h3:after { content: " =="; }

hr { border: none; }
hr:before { content: "________________________________________________"; }