body {
    /* Layout */
    margin: auto ; 
    max-width: 800px ; 
    text-align: center;

    /* Typography */
    font-family: Hack, monospace;
    font-size: 12pt;
    background-color: #2c343a;
}

pre {
    /* Layout */
    text-align: center;
    padding-top: 2em;
    padding-bottom: 4em;

    /* Typography */
    color: #2aa198;
}

a {
    text-decoration: none;
}

a:link {
    color: #d69ab7;
}

a:hover {
    color: #d33682;
    font-weight: bold;
}

h1 {
    color: #d7d7af;
}

p {
    color: #93a1a1;
}

code {
    /* Typography */
    font-family: Hack, monospace;
    color: #eee8d5;
    font-size: 10pt;
}

footer {
    /* Layout */
    padding-top: 3em;
    text-align: center;

    /* Typography */
    color: #b58900;
}