body {
    background: #fafbfc;
    font-family: sans-serif;
    margin: 2rem;
}

hr {
    max-width: 800px;
    border: none;
    height: 1px;
    background: linear-gradient(to right in oklab, #ffffffff 0%, #d9d9d9ff 51%, #ffffffff 100%);
}

footer {
    margin-top: 2em;
    text-align: center;
}

.activity {
    margin: 2em 0;
}

.activity-content {
    padding-left: calc(48px + 1em);
}

.activity:after {
    content: "";
    display: block;
    clear: both;
}

.activity-reply-to {

}

.actor-icon {
    width: 48px;
    float: left;
}

time {
    float: right;
    margin-left: 1em;
}

@media screen and (max-width: 640px) {
    body {
        margin: 1rem;
    }
}