:root {
    color-scheme: light dark;
}

body {
    max-width: 800px;
    margin: 40px auto;
    padding: 0 20px;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    line-height: 1.6;
}

h1 {
    margin-bottom: 1.5rem;
}

a {
    color: inherit;
}
p {
    margin: 1rem 0;
}

ul, ol {
    padding-left: 1.5rem;
}

code {
    font-family: ui-monospace, monospace;
}

@media (prefers-color-scheme: dark) {
    body {
        color: #e5e5e5;
    }
}