.about-row{
    cursor: pointer;
}

.about-row .about-row-title {
    transition: transform 0.4s ease;
    user-select: none;
}

.about-row .close {
    transition: color 0.4s ease, rotate 0.4s ease;
}

.about-row .about-row-text {
    color: rgb(157, 159, 165);
}

.about-row .close {
    color: rgb(110, 111, 114);
    rotate: 45deg;
}

.about-row:hover .about-row-title {
    transform: translateX(15px);
}

.about-row:hover .close {
    color: rgb(223, 225, 236);
}

.about-row.active .about-row-title {
    transform: translateX(0px);
}

.about-row.active .close {
    color: rgb(223, 225, 236);
    rotate: 180deg;
}

.about-row .hr{
    width: 100%;
    height: 1px;
    background-color: rgba(135, 135, 145, 0.2);
}