:root {
    --color-background: #2e222f;
    --color-text: #c7dcd0;
    --color-text-muted: #625565;
    --color-link: #8fd3ff;

    --font-size: 16px;
    --title-font-size: 32px;

    --line-height: 30px;
    --content-width: 50em;
}

* {
    box-sizing: border-box;
}

body {
    width: var(--content-width);
    max-width: 95%;
    margin: 0 auto;
    color: var(--color-text);
    background: var(--color-background);
    font-size: var(--font-size);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

p {
    margin: 0 0 var(--line-height);
}

a {
    color: var(--color-link);
}

hr {
    border: 1px solid var(--color-text-muted);
    margin: 1em;
}

footer {
    color: var(--color-text-muted);
    margin-top: 20px;
    margin-bottom: 50px;
}

.banner {
}

.content {
}