.reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important
}

.word {
    display: inline-block;
    opacity: 1 !important;
    transform: none !important
}

.loader {
    transition: opacity .45s ease, visibility .45s ease
}

.loader.done {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-14px)
    }
}

@keyframes orbitSpin {
    from {
        transform: rotate(-18deg) rotateX(58deg)
    }

    to {
        transform: rotate(342deg) rotateX(58deg)
    }
}

@keyframes loaderFloat {

    0%,
    100% {
        transform: translateY(0) scale(1)
    }

    50% {
        transform: translateY(-8px) scale(1.02)
    }
}
.page-enter {
    opacity: 0;
    transform: translateY(12px);
    filter: blur(4px)
}

.page-ready {
    opacity: 1;
    transform: none;
    filter: none;
    transition: opacity .55s cubic-bezier(.2, .8, .2, 1), transform .55s cubic-bezier(.2, .8, .2, 1), filter .55s
}

.page-leave {
    opacity: 0;
    transform: scale(.985);
    filter: blur(6px);
    transition: opacity .35s, transform .35s, filter .35s
}

.parallax {
    will-change: transform
}