/*================================*/
/*         ANIMATION.CSS          */
/*      KGARMIRE 2023-11-23       */
/*================================*/

@keyframes flip-out {
    0% {transform: scaleX(1);}
    100% {transform: scaleX(0);}
}

@keyframes flip-in {
    0% {transform: scaleX(0);}
    100% {transform: scaleX(-1);}
}

@keyframes jump-alpha {
    0%{top: 0; z-index: 3;}
    50%{top: 12px}
    100%{top: 0; z-index: 0;}
}

@keyframes jump-omega {
    0%{top: 0; z-index: 3;}
    50%{top: -12px}
    100%{top: 0; z-index: 0;}
}

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

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

@keyframes victory-dance-alpha {
    0%{top: 0; z-index: 3; transform: scale(1);}
    25%{top: 12px; transform: scale(1.2);}
    50%{top: 0; z-index: 0; transform: scale(1);}
}

@keyframes victory-dance-omega {
    0%{top: 0; z-index: 3; transform: scale(1);}
    25%{top: -12px; transform: scale(1.2);}
    50%{top: 0; z-index: 0; transform: scale(1);}
}

@keyframes slide-in-alpha{
    0%{right: -100%}
    100%{right: 0}
}

@keyframes slide-in-omega{
    0%{left: -100%}
    100%{left: 0}
}

@keyframes slide-out-alpha{
    0%{right: 0}
    100%{right: 100%}
}

@keyframes slide-out-omega{
    0%{left: 0}
    100%{left: 100%}
}

@keyframes spin{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}

@keyframes shake{
    0%{transform:translate(0px);};
    25%{transform:translate(-40px);};
    50%{transform:translate(0px);};
    75%{transform:translate(40px);};
    100%{transform:translate(0px);};
}