:root {
    --base-font-size: 16px;
    --base-font-family: 'alma_monolight', 'courier new', courier, monospace;
    --bold-font-family: 'alma_monobold';
    --border-color: #333;
    --base-size: 10vw;
}

@media all and (min-width: 1000px) {
    :root {
        --base-size: 7vw;
    }
}

* { 
    box-sizing: border-box;
}

h1, h2, h3, h4, h5 {
    font-family:  var(--bold-font-family);
}

strong {
    font-family:  var(--bold-font-family);
}

a {
    color: #6666b7;
    font-family:  var(--bold-font-family);
    text-decoration: none;
}

h3 {
    border-bottom: 1vw dashed var(--border-color);
    padding-bottom: 0.25em;
}

a:hover {
    background-color: yellow;
}


html, body {
    background: #f0f0f0;
    margin: 0;
    padding: 0;
    font-size: var(--base-font-size);
    font-family: var(--base-font-family);
    line-height: 140%;
}

#page {
    margin: 0px auto;
    width: calc(var(--base-size) * 9.2);
    font-size: calc(var(--base-size) / 3);
    line-height: 140%;
}

#page p {
    /* text-align:justify; */
    /* text-justify: inter-word; */
}


.v10 {
    font-size: var(--base-size);
    line-height: 90%;
}
.v14 {
    font-size: calc(var(--base-size) / 3.5);
    line-height: 90%;
}

.ascii {
    font-size: calc(var(--base-size) / 23.25);
    white-space: pre;
    line-height: 100%;
    color: #FFF;
    background: #333;
}

#page span {
    display: flex;
}

@font-face {
    font-family: 'alma_monobold';
    src: url('webfontkit/almamono-bold-webfont.woff2') format('woff2'),
         url('webfontkit/almamono-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alma_monoheavy';
    src: url('webfontkit/almamono-heavy-webfont.woff2') format('woff2'),
         url('webfontkit/almamono-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alma_monolight';
    src: url('webfontkit/almamono-light-webfont.woff2') format('woff2'),
         url('webfontkit/almamono-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
