/* -- Header animation -- */
.header.scrolled {
    color: var(--black);
    background: var(--gray);
    transition: var(--normal);
    box-shadow: var(--shadow-d);
}
    header nav a {
        color: var(--gray); 
        transition: var(--normal);
    }
        header nav a.scrolled_link {
            color: var(--black);
            transition: var(--normal);
        }
        /* -- */
        .header nav a:hover {
            color: var(--orange-t);
            transition: var(--normal);
        }
/* -- Main animation -- */
.feature {
    opacity: 0;
    transform: translateX(-50px);
    transition: var(--slow);
}
    .feature.show {
        opacity: 1;
        transform: translateX(0);
    }
/* -- -- */
.banner_description {
    opacity: 0;
    transition: var(--slow);
    transform: translateY(50px);
}
    .banner_description.show {
        opacity: 1;
        transform: translateY(0);
    }
/* -- -- */
.app_right {
    opacity: 0;
    transition: var(--slow);
    transform: translateX(50px);
}
    .app_right.show {
        opacity: 1;
        transform: translateX(0);
    }
/* -- Footer animation -- */
.footer_link {
    color: var(--gray);
    transition: var(--fast);
}
    .footer_link:hover {
        color: var(--orange-t);
        transition: var(--fast);
    }