.blogposts {
    padding: 0;
    list-style: none;
}

.blogposts > li a {
    display: table;
    width: var(--content-width);
    transition: 0.2s;
    background-color: #222;
    overflow: scroll;
    text-decoration: none;
    padding: 1em;
    padding-top: 0.5em;
    color: var(--color-navbar-fg); 
}

.blogposts > li:hover a {
    background-color: #1a1a1a;
}

.blogposts > li a > * {
    margin: 0;
}

.blogposts > li a:focus {
    outline: none;
    background-color: #1a1a1a;
}

.blogposts h3 {
    color: var(--highlight-color);
}
.blogposts .timestamp {
    color: #868282;
    font-style: italic;
}