body {
    max-width: 800px;
    height: 100vh;
    margin: auto;

    display: flex;
    flex-direction: column;

    overflow-wrap: break-word;

    text-align: left;

    & * {
        margin: auto 0;
    }
}

main {
    flex: 1 0 auto;
}


article > p {
    text-align: left;
    text-indent: 60px;
}


footer {
    flex-shrink: 0;
    margin: auto;

    & * {
        text-align: center;
    }
}