body {
    margin: 0;
}

main {
    padding: 0.5em;
    max-width: 60em;
    margin: 0 auto;
}

pre {
    padding: 0.5em;
}

.post-list {
    padding: 0;
    margin: 0;
    li {
        list-style-type: none;
    }
}

.inline-list {
    padding: 0;
    margin: 0;
    li {
        display: inline;
        list-style-type: none;
        &+ li::before {
            content: '/ '
        }
    }
}

header {
    border-bottom: black 1px solid;
}

footer {
    border-top: black 1px solid;
}

header, footer {
    padding: 0.5em;

    nav ol {
        padding: 0;
        margin: 0;

        li {
            display: inline;
            list-style-type: none;

            + li::before {
                content: '| ';
            }
        }
    }
}

@media (prefers-color-scheme: dark) {
    header {
        border-bottom: #ccc 1px solid;
    }
    footer {
        border-top: #ccc 1px solid;
    }

    body {
        background: black;
        color: #ccc;
    }

    a {
        color: lightblue;
        &:visited {
            color: lightpink;
        }
    }

}