/* --- TRANSICIJE MED STRANMI --- */

.page-enter {
    animation: pageSlideIn 220ms ease-out both;
}

.page-leave {
    animation: pageSlideOut 180ms ease-in both;
}

@keyframes pageSlideIn {
    from {
        opacity: 0;
        transform: translateX(40px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes pageSlideOut {
    from {
        opacity: 1;
        transform: translateX(0);
    }

    to {
        opacity: 0;
        transform: translateX(-40px);
    }
}