.ucpWrapper{

    width:1010px;
    margin:40px auto;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;

}

.ucpSidebar{

    width:240px;

}

.ucpMain{

    width:740px;

}

.ucpCard{

    display:flex;
    align-items:center;

    padding:25px;

    background:var(--gradient);
    border:1px solid var(--borderprofil);

    margin-bottom:30px;

}

.ucpAvatar{

    width:170px;
    margin-right:35px;
    flex-shrink:0;

}

.ucpAvatar img{

    width:150px;
    height:150px;

    object-fit:cover;

    border:1px solid var(--borderprofil);

    padding:10px;
    box-sizing:border-box;

    filter:grayscale(100%);
    opacity:.85;

    transition:.3s;

}

.ucpAvatar img:hover{

    opacity:1;

}

.ucpInfo{

    flex:1;

}

.ucpName{

    font-family:var(--kursywa);
    font-size:26px;

    letter-spacing:3px;

    color:var(--biel);

}

.ucpGroup{

    margin-top:8px;
    margin-bottom:35px;

    font-size:11px;

    letter-spacing:3px;

    text-transform:uppercase;

}

.ucpRows{

    display:grid;
    gap:14px;

}

.ucpRow{

    display:grid;
    grid-template-columns:auto 1fr auto;

    align-items:center;

    column-gap:15px;

}

.ucpRow span{

    font-size:12px;

    font-family:var(--fontp);

    text-transform:uppercase;

}

.ucpLine{

    height:1px;

    background:var(--borderprofil);

}

.ucpRow strong{

    font-size:12px;

    font-family:var(--fontp);

    font-weight:100;

    text-transform:uppercase;

}

.ucpRow a{

    color:inherit;
    text-decoration:none;

}

.ucpSection{

    background:var(--gradient);

    border:1px solid var(--borderprofil);

    padding:20px;

    margin-top:30px;

}

.ucpNavTitle{
    margin:25px 0 12px;
    padding-bottom:10px;

    border-bottom:1px solid var(--borderprofil);

    text-transform:uppercase;
    letter-spacing:3px;
    font-size:11px;
    text-align:center;
}

.ucpNavLink{

    display:block;

    width:100%;

    padding:14px 18px;

    margin-bottom:8px;

    box-sizing:border-box;

    border:1px solid transparent;

    color:var(--biel);

    text-decoration:none;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:11px;

    transition:.3s;

}

.ucpNavLink:hover{

    border-color:var(--bordomocne);

    background:rgba(120,25,25,.08);

    padding-left:26px;

}