body {
    background-color: #181818;
    color: #d3d0cc;

    display: flex;
    flex-direction: column;

    font-size: 18px;
    /*font-family: sans;*/
    /*line-height: 0.9lh;*/
}

#header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#header > img {
    width: 100%;
    max-width: 1500px;
    height: auto;
    margin-top: 0.8lh;
}

#page {
    max-width: 60em;
    margin: auto;
}

#footer {
    max-width: 100em;
    margin: auto;

    margin-top: 1em;
    font-size: xx-small;
    color: #555;
    text-align: right;
}

section {
    background-color: #2b2b2b;
    border-left: 1px solid #333;
    margin-top: 2em;
    padding: 1em;
}

img#logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

h1 {
    font-size: x-large;
    margin-top: 0em;
}

a {
    color: #87bbff;
}

a:hover {
    color: #b7dbff;
    text-decoration: none;
}

a:visited {
    color: #c6b3ff;
}

a:visited:hover {
    color: #d6c3ff;
}