html {
    font-size: 16px;
}

.content {
  min-height: 66vh;
}

.container {
  padding-bottom: 0px;
}

/* need to target it this way */
.footer .copyright {
  font-size: 13px !important;
}

div.posts .post-date {
	opacity: .6;
	font-size: 0.95em;
}

.post-listing {
  display: flex;
}

.post-listing time {
  margin-right: 16px;
}

li.post-listing:not(:last-child) {
    margin-bottom: 16px;
}

.profile-img img {
  border-radius: 100px;
  margin-bottom: 30px 0;
}

@media (max-width: 684px) {
    .content {
        /* coz the menu collapses into a hamburger */
        margin-top: 50px;
    }
    .post-listing {
        flex-direction: column;
    }
    div.posts .post-date {
        font-size: 0.9em;
        margin-bottom: 8px;
    }
}

.monospaced {
    font-family: "Fira Code", Monaco, Consolas, Ubuntu Mono, monospace;
    letter-spacing: -0.02em;
}