.user-page-info{
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.user-page-info > div:last-child{
    flex: 1;
}

.user-page-info > img{
    height: 150px;
    width: 150px;
    object-fit: cover;
    border-radius: 10px;
}

.user-card{
    padding: 20px !important;
}

.user-page-2-cols{
    display: flex;
    gap: 10px;
}

.user-info-followers{
    display: flex;
    gap: 10px;
    margin-left: 40px;
}

.member-about{
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.member-about .member{
    background: #FAF9FA;
}

.member-about .about{
    background: #F9F8F9;
}

.location-domain{
    background: #FAF9FA;
}

.user-section-links{
    background: #F9F8F9;
}

.user-card{
    background: url("/assets/image/user/background.png");
}

.member-about > div, .location-domain, .user-page-info > div:last-child, .user-section-links{
    border: 1px solid lightgrey;
    padding: 10px;
    border-radius: 10px;
    box-sizing: border-box;
    background-size: cover;
}

.member-about .member{
    min-height: 150px;
    width: 150px;
}

.member-about .about{
    flex: 1;
}

.member-since{
    margin-bottom: 20px;
}

.location-domain{
    margin-top: 10px;
}

.user-links{
    display: flex;
}

.ui-location{
    margin-bottom: 10px;
}

.ui-location, .user-url-link{
    display: flex;
    gap: 10px;
    align-content: center;
}

.ui-location img{
    margin: 0 2px;
}

.ui-location img, .user-url-link img{
    height: 20px;
}

.user-links > div:last-child{
    margin-left: auto;
}




.user-section-links{
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.user-section-links > div{
    display: flex;
    gap: 10px;
    cursor: pointer;
}

.user-section-links > div img{
    height: 20px;
}








.user-content-links{
    display: flex;
    align-items: stretch;
    justify-content: left;
    gap: 3px;
}

.user-content-links > div {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    height: 26px;
    padding: 0 1px;
}

.user-content-links a{
    color: #5f5f5f;
    text-decoration: underline;
    padding: 2px 5px;
    display: flex;
    align-content: center;
}

@media (min-width: 620px) {
    .user-content-links > div {
        padding: 0;
    }    .user-content-links a{
        padding: 2px 10px;
    }
    .user-content-links{
        gap: 6px;
    }
}

.user-content-links .talk-section{
    background: #d6cadc;
}

.user-content-links .articles-section{
    background: #cbe9ff;
}

.user-content-links  .members-section{
    background: #c1d195;
}

.user-content-links .posts-section{
    background: #fdf3d5;
}

.user-content-links .video-section{
    background: #e9e9e9;
}

.user-content-links  .notifications-section{
    background: #f9dac3;
}