@import url(grid.css);
@import url(marquee.css);
@import url(term.css);

html {
    font-size: 16px;
    line-height: 16px;
    font-family: 'Courier New', 'Consolas', monospace;
    max-width: 70rem;
    left: 0; right: 0; margin: 1rem auto;

    background-color: #003636;
    color: #ace3e2;
}

img {
    max-width: 100%;
}

section, article {
    border: solid 2px #ace3e2;
    outline: solid 2px #ace3e2;
    outline-offset: 2px;
    margin-bottom: 16px;
    padding: 8px 16px;
}

pre, code {
    font-family: 'Courier New', 'Consolas', monospace;
    padding: 1em;

    font-size: 1.1em;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */

}

h1 {
    font-size: 1rem;
    font-weight: normal;
    text-decoration: underline;
}

h1, a, hl {
    color: #8ce6a4;
}

a:hover {
    background-color: #8ce6a4;
    color: #003636;
}