rainbow+shadow

#mainTitleText {
    width: 100%;
    color: #1EB656;
    font-size: 130px;
    text-align: center;
    text-shadow: 0 1px 0 #ff0000, 0 2px 0 #ff3300, 0 3px 0 #ffff00, 0 4px 0 #726767, 0 5px 0 #009900 !important;
    -webkit-animation: rainbow 4s linear infinite;
    -moz-animation: rainbow 4s linear infinite;
    animation: rainbow 4s linear infinite;
}
@keyframes rainbow {
    0% {
        color: red;
    }
    14% {
        color: orange;
    }
    28% {
        color: yellow;
    }
    42% {
        color: green;
    }
    56% {
        color: blue;
    }
    70% {
        color: #4B0082;
    }
    84% {
        color: purple;
    }
}
@-moz-keyframes rainbow {
    0% {
        color: red;
    }
    14% {
        color: orange;
    }
    28% {
        color: yellow;
    }
    42% {
        color: green;
    }
    56% {
        color: blue;
    }
    70% {
        color: #4B0082;
    }
    84% {
        color: purple;
    }
}
@-webkit-keyframes rainbow {
    0% {
        color: red;
    }
    14% {
        color: orange;
    }
    28% {
        color: yellow;
    }
    42% {
        color: green;
    }
    56% {
        color: blue;
    }
    70% {
        color: #4B0082;
    }
    84% {
        color: purple;
    }
}
}