.animated{
    visibility: hidden;
}

.animated-ignored{
    visibility: visible !important;
    animation: none !important;
}

.toony-slide-in{
    animation: toony-slide-in .7s ease-in;
}

.slide-down{
    animation: slide-down 1.3s ease;
}

.slide-up{
    animation: slide-up 1.3s ease;
}

.slide-right{
    animation: slide-right 1.3s ease;
}

.slide-left{
    animation: slide-left 1.3s ease;
}

.text-pulse{
    animation: text-pulse 2.4s ease;
}

@keyframes toony-slide-in{
    0%{
        transform: skewX(53deg) translateX(-500px);
    }
    60%{
        transform: translateX(0px);
    }
    62%{
        transform: skewX(0deg) translateX(30px);
    }
    70%{
        transform: skew(-20deg);
    }
    80%{
        transform: skewX(0deg) translateX(0);
    }
    190%{
        transform: skew(0);
    }
}

@keyframes slide-down{
    0%{      
        opacity: 0;  
        transform: translateY(-250px);
    }
    100%{      
        opacity: 1; 
        transform: translateY(0);
    }
}

@keyframes slide-up{
    0%{        
        opacity: 0;  
        transform: translateY(200px);
    }
    100%{      
        opacity: 1; 
        transform: translateY(0);
    }
}

@keyframes slide-right{
    0%{        
        opacity: 0;  
        transform: translateX(-250px);
    }
    100%{      
        opacity: 1; 
        transform: translateX(0);
    }
}

@keyframes slide-left{
    0%{        
        opacity: 0;  
        transform: translateX(250px);
    }
    100%{      
        opacity: 1; 
        transform: translateX(0);
    }
}

@keyframes text-pulse{
    0%{          
        opacity: 0;
        transform: scale(1);
    }
    50%{         
        opacity: 1; 
        transform: scale(1.2);
    }
    100%{     
        
        transform: scale(1);
    }
}