* {
    margin: 0;
}

html, body {
    height: calc(100% - 1em); /* minus padding */
}

body {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 1em;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-smooth: never;
    -webkit-font-smoothing: none;
}

body > * {
    width: 100%;
}

@media (min-width: 620px) {
    body {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    body > * {
        max-width: 600px;
        width: 100%;
    }
}

.header > .plaque > h1 {
    font-size: 32px;
}

.header > .plaque h1 img {
    height: 1em;
    width: auto;
    vertical-align: middle;
}

.container {
    flex: 1;
}

.container.entries {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.container.entries > .entry {
    border-bottom: 1px solid gainsboro;
}

.container.entries > .entry > p {
    font-size: 0.8em;
    color: gray;
}

.container > .post > h2,
.container > .post > h3,
.container > .post > p {
    margin-top: 8px;
}

.footer {
    text-align: center;
}

a:visited {
    color: blue;
}