.page-enter {
    opacity: 0;
    transform: translateY(10rem);
    transition: none;
}

.page-enter-active {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 500ms ease, transform 500ms ease;
}

.page-exit {
    opacity: 1;
    transform: translateY(0);
}

.page-exit-active {
    opacity: 0;
    transform: translateY(-10rem);
    transition: opacity 300ms ease, transform 300ms ease;
}