/*
   css based on     https://github.com/thomasf/solarized-css
   colors based on  https://github.com/morhetz/gruvbox
   font:            https://style64.org/c64-truetype
 */
@font-face {
  font-family: 'C64 Pro';
  src: url(/C64_Pro-STYLE.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: 'C64 Pro Mono';
  src: url(/C64_Pro_Mono-STYLE.woff2) format("woff2");
  font-display: swap;
}
html {
  font-family: 'C64 Pro','PT Sans',sans-serif;
  background-color: #32302f;
  color: #d5c4a1;
  margin: 1em;
}
body {
  background-color: #3c3836;
  margin: 0 auto;
  max-width: 23cm;
  border: 1pt solid #282828;
  padding: 1em;
}
pre,code {
  background-color: #504945;
  color: #ebdbb2;
  font-family: 'C64 Pro Mono','Inconsolata',monospace,sans-serif;
  font-size: 0.8em;
  border: 1pt solid #282828;
  padding: 1em;
  box-shadow: 5pt 5pt 8pt #32302f;
  white-space: pre-wrap;
  word-wrap: break-word;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
  line-height:100%;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
h1 {font-size: 1.8em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1.0em;}
small {font-size: 0.7em;}
a {
  color: #d79921
}
a:visited,a:hover {
  color: #d65d0e
}

.justleft {text-align: left;}
.justright {text-align: right;}
.justcenter {text-align: center;}
.center {margin-left: auto; margin-right: auto;}
.tag {background-color: #eeeeee; font-family: monospace; padding: 2px;}



th, td {padding-left: 1.2em;}
th {background-color: #484848;}

b,strong {font-weight:bold}
table {border-collapse:collapse;border-spacing:0}
code {background-color:#32302f;padding:2px}
/*h1 {color:#b16286}
h2,h3,h4,h5,h6 {color:#98971a}*/