.left-acount .head {
    color: var(--white-official);
    padding: 20px 10px;
    font-size: 80%;
    cursor: pointer;
    border-bottom: .1px solid var(--gray-official);
}
.left-acount .head .photo {
    position: relative;
}
.left-acount .head .photo img{
    width: 50px;
    border-radius: 50%;
}

.left-acount .head p {
    margin-top: 20px;
}
.left-acount h2 {
    color: var(--color-official-x-fade);
    padding: 15px 10px;
    font-size: 100%;
    text-transform: uppercase;
    margin-top: 20px;
}

.left-acount article {
    color: var(--color-official-fade);
    padding: 15px 0px;
    font-size: 80%;
    cursor: pointer;
}

.left-acount article:hover {
    color: var(--white-official);
}

.left-acount .active-acount{
    color: var(--white-official);
}