:root {
    --bg: #121014;
    --text: #d6d6d6;
    --heading: #ffffff;
    --accent: #bf00ff;
    --muted: #9a9a9a;
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body {
    margin: 0 auto;
    max-width: 38em;
    color: var(--text);
    font-family: 'Nimbus Mono PS', 'Courier New', monospace;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.6;
    padding: 0 1em 3em;
}
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

header {
    text-align: center;
    padding: 2.5em 0 2em;
    border-bottom: 1px solid #3a363e;
    margin-bottom: 2em;
}
header h1 {
    margin: 0;
    color: var(--heading);
    font-size: 2.3em;
    letter-spacing: 0.05em;
    font-weight: normal;
}
header p {
    margin: 0.5em 0 0;
    color: var(--muted);
}

footer {
    margin-top: 3em;
    border-top: 1px solid #3a363e;
    padding-top: 1.5em;
    color: var(--muted);
    font-size: 0.85em;
    text-align: center;
}