/* TRANSITIONS CSS */
@keyframes pageEnter {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pageLeave {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-15px);
    }
}

.page-enter {
    animation: pageEnter 0.4s ease-out forwards;
}

.page-leave {
    animation: pageLeave 0.3s ease-in forwards;
}