#business-card {
    display: flex;
    justify-content: space-between;
}

#name-and-title {
    display: flex;
    flex-direction: column;
}

#name {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
}

#title {
}

#links {
    margin-top: auto;
    display: flex;
    column-gap: 5px;
}

@media (width <= 480px) {
    #links {
        flex-direction: column;
    }
}

@media (width <= 480px) {
    .link-separator {
        display: none;
    }
}

#headshot {
    width: 200px;
}

.card {
    margin-top: 20px;
}

.card-name {
    font-weight: bold;
    margin-bottom: 10px;
}

#posts {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

@media (width <= 480px) {
    #posts {
        row-gap: 20px;
    }
}

.post {
    display: flex;
    column-gap: 5px;
}

@media (width <= 480px) {
    .post {
        flex-direction: column;
    }
}