@keyframes fade-in-grow {
    0% { transform: scale(0); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

@keyframes blink-opacity-0 {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes blink-opacity-25 {
    0% { opacity: 1; }
    50% { opacity: 0.25; }
    100% { opacity: 1; }
}

@keyframes blink-opacity-25-scale {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.25; transform: scale(0.95); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes puff {
    0% { opacity: 0; transform: scale(0); }
    50% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(2); }
}

@keyframes fade-in-out-grow {
    0% { opacity: 0; transform: scale(0); }
    25% { opacity: 1; transform: scale(1); }
    75% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(2); }
}

@keyframes soar-vertical {
    50% { transform: translate(0, -10%); }
}

@keyframes vehicle-soar-vertical {
    0% { top: 50%; }
    25% { top: 49%; }
    50% { top: 50%; }
    75% { top: 51%; }
    100% { top: 50%; }
}

@keyframes flash {
    0% { opacity: 1; }
    10% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes blink-hide {
    0% { opacity: 0; }
    25% { opacity: 1; }
    50% { opacity: 0;  }
    75% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes rotate-y {
    from {transform: rotateY(0deg);}
    to {transform: rotateY(360deg);}
}

@keyframes fade-in-grow-vertical {
    0% { height: 0; opacity: 0; }
}

@keyframes fade-in-show {
    0% { display: none; opacity: 0; }
    1% { display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}

@keyframes fade-out-hide {
    0% { display: block; opacity: 1; }
    99% { display: block; opacity: 0; }
    100% { display: none; opacity: 0; }
}

@keyframes slide-in-left {
    0% { display: none; opacity: 0; left: 100%; }
    1% { display: block; opacity: 0; left: 100%; }
    100% { display: block; opacity: 1; left: 0; }
}

@keyframes slide-out-right {
    0% { display: block; opacity: 1; left: 0; }
    99% { display: block; opacity: 0; left: 100%; }
    100% { display: none; opacity: 0; left: 100%; }
}

@keyframes move-up-fade {
    0% { margin-top: 4%; opacity: 0; }
    50% { margin-top: 0; opacity: 1; }
    100% { margin-top: -4%; opacity: 0; }
}

@keyframes move-down-fade {
    0% { margin-top: -4%; opacity: 0; }
    50% { margin-top: 0; opacity: 1; }
    100% { margin-top: 4%; opacity: 0; }
}

@keyframes fade-in-out {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes color-to-white {
    100% { color: #fff; }
}
