.fade-up {
    opacity: 0;
    transform: translateY(2.4rem);
    transition:
        opacity 0.75s ease,
        transform 0.75s ease;
}
.fade-up.is-visible {
    opacity: 1;
    transform: translateY(0);
}
.fade-in {
    opacity: 0;
    transition: opacity 0.75s ease;
}
.fade-in.is-visible {
    opacity: 1;
}
.scale-up {
    opacity: 0;
    transform: scale(0.97);
    transition:
        opacity 0.75s ease,
        transform 0.75s ease;
}
.scale-up.is-visible {
    opacity: 1;
    transform: scale(1);
}
@keyframes floatCard {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-1rem);
    }
}
@keyframes rollText {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}