@keyframes logo-forward {
    0% {
        width: 2.65vw;
        height: 2.65vw;
        transform: rotate(0deg) scale(1.0, 1.0);
    }

    100% {
        width: 2.65vw;
        height: 2.65vw;
        transform: rotate(90deg) scale(-1.0, 1.0);
    }

}

@keyframes logo-backward {
    0% {
        width: 2.65vw;
        height: 2.65vw;
        transform: rotate(0deg) scale(1.0, 1.0);
    }

    100% {
        width: 2.65vw;
        height: 2.65vw;
        transform: rotate(90deg) scale(-1.0, 1.0);
    }
}

@keyframes logo-back-forward {
    0% {
        width: 2.65vw;
        height: 2.65vw;
        transform: rotate(90deg) scale(-1.0, 1.0);
    }

    100% {
        width: 2.65vw;
        height: 2.65vw;
        transform: rotate(0deg) scale(1.0, 1.0);
    }

}

@keyframes logo-back-backward {
    0% {
        width: 2.65vw;
        height: 2.65vw;
        transform: rotate(90deg) scale(-1.0, 1.0);
    }

    100% {
        width: 2.65vw;
        height: 2.65vw;
        transform: rotate(0deg) scale(1.0, 1.0);
    }
}

@keyframes free-logo-geo {
    50% {
        transform: scale(0.9, 1.1) translateY(-12px);
    }
}

@keyframes free-logo-place {
    50% {
        transform: scale(1.35, 0.8) translateY(12px);
    }

}

@keyframes free-logo-geo-back {
    50% {
        transform: scale(0.9, 1.1) translateY(-12px);
    }
}

@keyframes free-logo-place-back {
    50% {
        transform: scale(1.35, 0.8) translateY(12px);
    }
}

@keyframes show-up {
    0% {
        transform: translateY(15px);
        opacity: 0;
    }
    100% {
        opacity: 100%;
    }
}

@keyframes hide-down {
    0% {
        opacity: 100%;
    }
    100% {
        transform: translateY(45px);
        opacity: 0;

    }
}

@keyframes rotate-down {
    0% {
        opacity: 100%;
    }
    100% {
        transform: rotate(-180deg);
        opacity: 50%;
    }
}

@keyframes rotate-up {
    0% {
        transform: rotate(-180deg);
        opacity: 50%;
    }
    100% {
        opacity: 100%;
    }
}

@keyframes search-forward {

    0% {
        transform: rotate3d(0, 0, 1, 90deg) scale(1.0, 1.0);
    }
    50% {
        transform: rotate3d(0, 0.1, 1, -25deg) scale(0.95, 0.95);
    }
    100% {
        transform: rotate3d(0, 0, 1, 0deg) scale(1.0, 1.0);
    }
}

@keyframes search-backward {
    0% {
        transform: rotate3d(0, 0, 1, 0deg) scale(1.0, 1.0);
    }
    50% {
        transform: rotate3d(0, 0.1, 1, 115deg) scale(0.95, 0.95);
    }
    100% {
        transform: rotate3d(0, 0, 1, 90deg) scale(1.0, 1.0);
    }
}

@keyframes notify-forward {
    0% {
        transform: rotate(-10deg) scale(1, 1);
    }
    50% {
        transform: rotate(10deg) scale(1, 1);
    }
    75% {
        transform: rotate(-5deg) scale(1, 1);
    }
    100% {
        transform: rotate(0deg) scale(1, 1);
    }
}

@keyframes notify-backward {
    0% {
        transform: rotate(10deg) scale(1, 1);
    }
    50% {
        transform: rotate(-10deg) scale(1, 1);
    }
    75% {
        transform: rotate(5deg) scale(1, 1);
    }
    100% {
        transform: rotate(0deg) scale(1.0, 1.0);
    }
}

@keyframes blur-forward {
    0% {
        opacity: 100%;
    }
    100% {
        opacity: 0;
    }
}

@keyframes blur-backward {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 100%;
    }
}