@keyframes dipi_fade {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes dipi_slide_up {
    from {
        top: 0;
    }
    to {
        top: -100vh;
    }
}

@keyframes dipi_slide_down {
    from {
        top: 0;
    }
    to {
        top: 100vh;
    }
}

@keyframes dipi_slide_left {
    from {
        left: 0;
    }
    to {
        left: -100vw;
    }
}

@keyframes dipi_slide_right {
    from {
        left: 0;
    }
    to {
        left: 100vw;
    }
}

@keyframes dipi_zoom {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(1.5);
        opacity: 0;
    }
}