.neon {
    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;
    text-align: center;
    animation: blink 6s infinite;
    -webkit-animation: blink 6s infinite;
}
@-webkit-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: #ff2600;
    }
}

@keyframes blink {
    20%,
    24%,
    55% {
        color: #ffa500;
        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: #fa0b0b;
    }
}


@media screen and (max-width: 680px) {
    .neon {
        text-shadow: 0 0 2px #ffa500, 0 0 6px #ffa500, 0 0 10px #ffa500, 0 0 30px #ffa500, 0 0 50px #ff0000, 0 0 5px #ff8d00, 0 0 48px #ff0000;
    }
    @-webkit-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 2px #ffa500, 0 0 6px #ffa500, 0 0 10px #ffa500, 0 0 30px #ffa500, 0 0 50px #ff0000, 0 0 5px #ff8d00, 0 0 48px #ff0000;
            color: #ff2600;
        }
    }

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

        0%,
        19%,
        21%,
        23%,
        25%,
        54%,
        56%,
        100% {
            text-shadow: 0 0 2px #ffa500, 0 0 6px #ffa500, 0 0 10px #ffa500, 0 0 30px #ffa500, 0 0 30px #ff0000, 0 0 5px #ff8d00, 0 0 48px #ff0000;
            color: #ff2600;
        }
    }

}