
@keyframes lightSpeedInLeft{
    from{
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
  
    60%{
        transform: skewX(-20deg);
        opacity: 1;
    }
  
    80%{
        transform: skewX(5deg);
    }
  
    to{
        transform: translate3d(0, 0, 0);
    }
}


@keyframes lightSpeedInRight{
    from{
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
  
    60%{
        transform: skewX(20deg);
        opacity: 1;
    }
  
    80%{
        transform: skewX(-5deg);
    }
  
    to{
        transform: translate3d(0, 0, 0);
    }
}

@keyframes zoomInLeft{
    from{
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
  
    60%{
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight{
    from{
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
  
    60%{
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes fadeIn{
    from{
        opacity: 0;
    }
  
    to{
        opacity: 1;
    }
}

@keyframes fadeInLeft{
    from{
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
  
    to{
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig{
    from{
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
  
    to{
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig{
    from{
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
  
    to{
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}