@keyframes AnimationStylesControl {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0%);
    }
}


@keyframes AnimationStylesSettings {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0%);
    }
}


@keyframes AnimationInformationTitle {
    0% {
        background-position: 0% center;
    }
    100% {
        background-position: 500% center;
    }
}


@keyframes AnimationHomeSloganLeft {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}


@keyframes AnimationHomeSloganRight {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0%);
    }
}


@keyframes AnimationHomeProducts {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0%);
    }
}