﻿


.AnimationSlide1_left {
    .padding: 10px;
    animation: 0.5s ease-in 0s 1 Animation1;
}

@keyframes Animation1 {
    0% {
        transform: translateX(-100%);
    }

    30% {
        transform: translateX(-90%);
    }

    50% {
        transform: translateX(5%);
    }

    100% {
        transform: translateX(0%);
    }
}

.AnimationSlide1_right {
    .padding: 10px;
    animation: 0.5s ease-in 0s 1 Animation2;
}

@keyframes Animation2 {
    0% {
        transform: translateX(100%);
    }

    30% {
        transform: translateX(90%);
    }

    50% {
        transform: translateX(-5%);
    }

    100% {
        transform: translateX(0%);
    }
}