body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    max-width: 40em;
    padding: 0 1em;
    margin: 1em auto;
    line-height: 1.5;
}

header,
footer {
    display: flex;
    gap: 1em;
    align-items: baseline;
}

header {
    margin-bottom: 2em;
}

footer {
    margin-top: 2em;
}

header time {
    margin-left: auto;
}

main h1 {
    line-height: 1.2;
}

.blog-index {
    list-style: none;
    padding: 0;
}

.blog-index time {
    white-space: nowrap;
}