body {
    background-image: url('https://media.giphy.com/media/qFi3fACSMnP4Q/giphy.gif');
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text {
    font-family: 'Comic Neue', cursive;
    text-shadow: 2px 2px 4px #000000;
    font-size: 40px;

    -webkit-animation: rainbow 5s infinite;
    animation: rainbow 5s infinite;
}

@media only screen and (min-width: 600px) {
    .text {
        font-size: 72px;
    }
}

@media only screen and (min-width: 1024px) {
    .text {
        font-size: 140px;
    }
}

@-webkit-keyframes rainbow{
    0%{color: orange;}
    10%{color: purple;}
    20%{color: red;}
    30%{color: CadetBlue;}
    40%{color: yellow;}
    50%{color: coral;}
    60%{color: green;}
    70%{color: cyan;}
    80%{color: DeepPink;}
    90%{color: DodgerBlue;}
    100%{color: orange;}
}

@keyframes rainbow{
    0%{color: orange;}
    10%{color: purple;}
    20%{color: red;}
    30%{color: CadetBlue;}
    40%{color: yellow;}
    50%{color: coral;}
    60%{color: green;}
    70%{color: cyan;}
    80%{color: DeepPink;}
    90%{color: DodgerBlue;}
    100%{color: orange;}
}