/* @import url("https://laemeur.sdf.org/72DPI/fonts/stylesheet.css"); */
@import url("https://laemeur.com/fonts/HKGrotesk/stylesheet.css");
/*@media only screen and (min-width: 1280px) {
    body {transform: scale(2.0); transform-origin: 0 0}
    
}*/
body {
    font-family:  "hk_groteskregular", sans-serif;
    font-size: 10pt;
    margin: auto;
    max-width: 640px;
    color: white;
    background-color: black;
/*    background-image: url(halftone2.png);*/
}

pre, code, kbd {
    font-family: typewriter;
}

ul {padding-left: 3em;}

header div{
    vertical-align: top;
}

ul.toc {
    font-family: "Grand9K Pixel",sans-serif;
    font-size: 8px;
    list-style: none;
    padding-left: 15px;
}

small, aside { font-size: 8pt; }
aside { margin-left: 5em; }

a {text-decoration: none; color: inherit; border-bottom: dotted 1px white; }

a:hover { color: black; background-color: white;}

article{
    text-align: justify;
    margin-right: 12px;
    margin-left: 12px;
    padding: 8px;
    max-width: 640px;
} 

article section { break-inside: avoid; page-break-inside: avoid;}

footer {
    text-align: right;
    margin: 5px 5px;
    display: inline-block;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    background-color: black;
    color: white;
}

article > figure { display: inline-block; }

figure {
    text-align: left;
    padding: 0px; 
    margin: 0px;
    width: 100%;
    text-align: center;
}
figure img { 
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
}
figcaption { 
    display: block; 
    padding: 1px 2px;
    font-size: smaller;
    font-style: italic;
}

h1, h2, h3, h4, h5, h6 { page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid;}
h1 { font-family: "Antonio-Regular", sans-serif; font-size:  32pt; font-weight: normal;}
h2 { font-family: "hk_groteskbold", sans-serif; font-size: 14pt; font-weight: bold;}
h3 { font-family: "hk_groteskbold",sans-serif; font-size: 12pt; font-weight: bold; }
h4 { font-family: "hk_groteskbold",sans-serif; font-size: 10pt; font-weight: bold; }

hr { height: 1px; background-color: gray; border: none;}

blockquote { font-style: italic; }