body {
    max-width: 940px;
    margin: 0 auto;
    padding: 1em;
    font-family: Verdana;
}

section {
    padding: 1em;
    background-color: lightblue;
}

.flash {
    background-color: lightgreen;
    padding: 0.5em 1em;
    color: darkgreen;
}

.cols {
    display: grid;
    row-gap: 1em;
}

a {
    font-weight: bold;
}

.status-username {
    margin-bottom: .5em;
}

.status-content {
    margin: 0 1em 0.5em 1em;
}

.status nav {
    font-size: 0.8em;
    margin-left: 1em;
}

.status {
    margin-bottom: 1em;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 1em;
}

.profile-picture {
    float: right;
}

nav {
    margin-bottom: 1em;
}

h1, h2 {
    margin-top: 0;
}

@media (min-width: 650px) {
    .cols {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1em;
    }
}

.field { margin-bottom: 1rem; max-width: 500px; }
.field > label { margin-bottom: .25rem; }
.field > * { display: block; width: 100%; box-sizing: border-box; }