.user-profile-page h2 {
    color: var(--heading-secondary-text-color);
    line-height: 1.1em;
}

.user-profile-description {
    line-height: 1.5em;
}

.user-profile-details {
    display: flex;
    justify-content: center;
    margin: 18px auto 25px;
    font-style: italic;
}
.user-profile-details > * {
    display: flex;
    margin: 0 20px;
}
.user-profile-details dt, .user-profile-details dd {
    padding: 0 5px;
    margin: 0;
}
.user-profile-details dt::after {
    content: ":";
}

@media (max-width: 767px)
{
    .user-profile-details {
        text-align: center;
        flex-direction: column;
        align-items: center;
    }
    .user-profile-details > * + * {
        margin-top: 8px;
    }
}

@media (max-width: 470px)
{
    .user-profile-details > * {
        flex-direction: column;
    }
    .user-profile-details > * + * {
        margin-top: 15px;
    }
}