.mast {
    display: flex; align-items: center; gap: 1rem;
}
h1.mast-title {
    font-size: 2.2rem;
    margin: 0
}
h2.mast-subtitle {
    margin: 0
}

.mast-pfp {
    width: 150px;
    flex-shrink: 0; /* prevent flexbox collapsing the image, thanks chatgpt */
}
.mast-pfp img {
    width: 150px;
    height: 150px;
    border-radius: 40%;
}
.mast-txt {
    text-align: justify;
}

.social-icons {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
.social-icons a svg {
    height: 26px;
    width: 26px;
}

.miffy-post-meta {
    margin: 0
}
.miffy-post-meta > h2 {
    margin: 0
}

.dots {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    border-top: 3px dotted var(--accent);
    margin-bottom: 10px;
}
.dots::after {
    content: "";
    left: 0;
    right: 0;
    border-top: 3px dotted var(--accent);
    position: absolute;
    bottom: -4px;
}

/* overrides */
.post-cover {
    margin: 10px 0 0 0;
}
.footer {
    padding: 10px 0 20px 0;
}