/* 
* Animations
* -----------------------------------------------------
*/

@keyframes blinker {
    50% {
        opacity: 0.0;
    }
}
@keyframes fade-in-right{
    0% {
        transform: translateX(100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-top {
    0% {
        transform: translateY(-100px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes slide-out-top {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(100);
    }
}

.expand-out-animate{
    transform: scale(1);
}