@keyframes animationTop {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes animationTopBigContent {
    0% {
        opacity: 0;
        transform: translateY(200px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes animationRight {
    0% {
        opacity: 0;
        transform: translate(-100px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes animationLeft {
    0% {
        opacity: 0;
        transform: translate(100px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes animationZoomIn {
    0% {
        opacity: 0;
        transform: scale(.8);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes animationZoomOutTop {
    0% {
        opacity: 0;
        transform: scale(1.2) translateY(100px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}