/*
animation-text-shadow animation1
animation-text-neon animation2
animation-text-tipsy
animation-text-bg-clip animation3
animation-text-slide animation4
animation-text-blazing animation5
*/


div.slide-left {
    width: 100%;
    overflow: hidden;
    padding: 0;
}

div.slide-left > div {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    top: 0;
    left: 100%;
}

div.slide-left > div:nth-child(1) {
    animation: slide-left 10s infinite linear;
}
div.slide-left > div:nth-child(2) {
    animation: slide-left 10s infinite linear;
    animation-delay: 5s;
}

@keyframes slide-left {
    from { left: 100%; }
    to { left: -100%; }
}


/** https://codepen.io/makan/pen/yyjRZx **/
.animation-text-blazing {
    color: rgb(255, 115, 0);
    outline: none;
    vertical-align: middle;

    text-shadow:
            0 3px 20px red,
            0 0 20px red,
            0 0 10px orange,
            4px -5px 6px yellow,
            -4px -10px 10px yellow,
            0 -10px 30px yellow;
    animation: 2s Blazing infinite alternate linear;
}

@keyframes Blazing {
    0%   { text-shadow: 0 3px 20px red, 0 0 20px red,
    0 0 10px orange,
    0 0 0 yellow,
    0 0 5px yellow,
    -2px -5px 5px yellow,
    4px -10px 10px yellow; }
    25%   { text-shadow: 0 3px 20px red, 0 0 30px red,
    0 0 20px orange,
    0 0 5px yellow,
    -2px -5px 5px yellow,
    3px -10px 10px yellow,
    -4px -15px 20px yellow; }
    50%   { text-shadow: 0 3px 20px red, 0 0 20px red,
    0 -5px 10px orange,
    -2px -5px 5px yellow,
    3px -10px 10px yellow,
    -4px -15px 20px yellow,
    2px -20px 30px rgba(255,255,0,0.5); }
    75%   { text-shadow: 0 3px 20px red, 0 0 20px red,
    0 -5px 10px orange,
    3px -5px 5px yellow,
    -4px -10px 10px yellow,
    2px -20px 30px rgba(255,255,0,0.5),
    0px -25px 40px rgba(255,255,0,0)}
    100%   { text-shadow: 0 3px 20px red, 0 0 20px red,
    0 0 10px orange,
    0 0 0 yellow,
    0 0 5px yellow,
    -2px -5px 5px yellow,
    4px -10px 10px yellow; }
}

/** https://codepen.io/finnhvman/pen/BGmygj **/
.animation-text-slide {
    animation: slide 5s infinite;
}

@keyframes slide {
    0% {
        transform: translateX(100%);
    }
    26% {
        transform: translateX(0%);
    }
    83% {
        transform: translateX(-0.1%);
    }
    100% {
        transform: translateX(-120%);
    }
}


/** https://codepen.io/sxrdev/pen/LXMwPb **/
.animation-text-bg-clip {
    background: linear-gradient(to right, #e72a3a 10%, #fff 50%, #5bdaff 60%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 1.5s linear infinite;
}
@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

/** https://codepen.io/jamesmellers/pen/XKmyoo **/
.animation-text-tipsy {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.animation-text-tipsy:before,
.animation-text-tipsy:after {
    content: '';
    padding: .9em .4em;
    position: absolute;
    left: 50%;
    width: 100%;
    top: 50%;
    display: block;
    border: 15px solid red;
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
    animation: 10s infinite alternate ease-in-out tipsy;
}

.animation-text-tipsy:before {
    border-color: #d9524a #d9524a rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    z-index: -1;
}

.animation-text-tipsy:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d9524a #d9524a;
    box-shadow: 25px 25px 25px rgba(46, 46, 49, .8);
}

@keyframes tipsy {
    0% {
        transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }
    100% {
        transform: translateX(-50%) translateY(-50%) rotate(360deg);
    }
}


/** https://codepen.io/ananyaneogi/pen/Bgozrz **/
.animation-text-neon {
    animation: blink 12s infinite;
}

@keyframes blink {
    20%,
    24%,
    55% {
        color: #111;
        text-shadow: none;
    }

    0%,
    19%,
    21%,
    23%,
    25%,
    54%,
    56%,
    100% {
        /*     color: #fccaff;
            text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
              0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092; */
        text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
        color: #fff6a9;
    }
}


/** https://codepen.io/erinesullivan/pen/ZMreqJ **/
.animation-text-shadow {
    animation: text-shadow 1.5s ease-in-out infinite;
}

@keyframes text-shadow {
    0% {
        transform: translateY(0);
        text-shadow:
                0 0 0 #0c2ffb,
                0 0 0 #2cfcfd,
                0 0 0 #fb203b,
                0 0 0 #fefc4b;
    }

    20% {
        transform: translateY(-1em);
        text-shadow:
                0 0.125em 0 #0c2ffb,
                0 0.25em 0 #2cfcfd,
                0 -0.125em 0 #fb203b,
                0 -0.25em 0 #fefc4b;
    }

    40% {
        transform: translateY(0.5em);
        text-shadow:
                0 -0.0625em 0 #0c2ffb,
                0 -0.125em 0 #2cfcfd,
                0 0.0625em 0 #fb203b,
                0 0.125em 0 #fefc4b;
    }

    60% {
        transform: translateY(-0.25em);
        text-shadow:
                0 0.03125em 0 #0c2ffb,
                0 0.0625em 0 #2cfcfd,
                0 -0.03125em 0 #fb203b,
                0 -0.0625em 0 #fefc4b;
    }

    80% {
        transform: translateY(0);
        text-shadow:
                0 0 0 #0c2ffb,
                0 0 0 #2cfcfd,
                0 0 0 #fb203b,
                0 0 0 #fefc4b;
    }
}


@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
    }
}