@keyframes tremor {
    0%, 50%, 100% {
        transform: rotate(0deg);
    }
    10%, 30% {
        transform: rotate(-10deg);
    }
    20%, 40% {
        transform: rotate(10deg);
    }
}

@-webkit-keyframes tremor {
    0%, 50%, 100% {
        transform: rotate(0deg);
    }
    10%, 30% {
        transform: rotate(-10deg);
    }
    20%, 40% {
        transform: rotate(10deg);
    }
}

@-moz-keyframes tremor {
    0%, 50%, 100% {
        transform: rotate(0deg);
    }
    10%, 30% {
        transform: rotate(-10deg);
    }
    20%, 40% {
        transform: rotate(10deg);
    }
}

@-o-keyframes tremor {
    0%, 50%, 100% {
        transform: rotate(0deg);
    }
    10%, 30% {
        transform: rotate(-10deg);
    }
    20%, 40% {
        transform: rotate(10deg);
    }
}

@keyframes block {
    0% {
        transform: translateX(-150%);
    }
    100% {
        transform: translateX(0);
    }
}

@-webkit-keyframes block {
    0% {
        transform: translateX(-150%);
    }
    100% {
        transform: translateX(0);
    }
}

@-moz-keyframes block {
    0% {
        transform: translateX(-150%);
    }
    100% {
        transform: translateX(0);
    }
}
@-o-keyframes block {
    0% {
        transform: translateX(-150%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes arrow{
    25%{
        transform: translateY(-5%);
    }
    50%{
        transform: translateY(0);
    }
    75%{
        transform: translateY(-5%);
    }
    100%{
        transform: translateY(0);
    }
}

@-webkit-keyframes arrow{
    25%{
        transform: translateY(-5%);
    }
    50%{
        transform: translateY(0);
    }
    75%{
        transform: translateY(-5%);
    }
    100%{
        transform: translateY(0);
    }
}

@-moz-keyframes arrow{
    25%{
        transform: translateY(-5%);
    }
    50%{
        transform: translateY(0);
    }
    75%{
        transform: translateY(-5%);
    }
    100%{
        transform: translateY(0);
    }
}

@-o-keyframes arrow{
    25%{
        transform: translateY(-5%);
    }
    50%{
        transform: translateY(0);
    }
    75%{
        transform: translateY(-5%);
    }
    100%{
        transform: translateY(0);
    }
}



@keyframes left {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-25%);
    }
    50% {
        transform: translateX(-50%);
    }
    75% {
        transform: translateX(-75%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes left {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-25%);
    }
    50% {
        transform: translateX(-50%);
    }
    75% {
        transform: translateX(-75%);
    }
    100% {
        transform: translateX(-100%);
    }
}
@-moz-keyframes left {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-25%);
    }
    50% {
        transform: translateX(-50%);
    }
    75% {
        transform: translateX(-75%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@-o-keyframes left {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-25%);
    }
    50% {
        transform: translateX(-50%);
    }
    75% {
        transform: translateX(-75%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes right {
    0% {
        transform: translateX(100%);
    }
    25% {
        transform: translateX(75%);
    }
    50% {
        transform: translateX(50%);
    }
    75% {
        transform: translateX(25%);
    }
    100% {
        transform: translateX(0);
    }
}

@-webkit-keyframes right {
    0% {
        transform: translateX(100%);
    }
    25% {
        transform: translateX(75%);
    }
    50% {
        transform: translateX(50%);
    }
    75% {
        transform: translateX(25%);
    }
    100% {
        transform: translateX(0);
    }
}
@-moz-keyframes right {
    0% {
        transform: translateX(100%);
    }
    25% {
        transform: translateX(75%);
    }
    50% {
        transform: translateX(50%);
    }
    75% {
        transform: translateX(25%);
    }
    100% {
        transform: translateX(0);
    }
}

@-o-keyframes right {
    0% {
        transform: translateX(100%);
    }
    25% {
        transform: translateX(75%);
    }
    50% {
        transform: translateX(50%);
    }
    75% {
        transform: translateX(25%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes fade {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@-webkit-keyframes fade {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@-moz-keyframes fade {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@-o-keyframes fade {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}