.demo{ background: #6868AC; }
.text-effect{
    color: #F9f1cc;
    font-family: 'Calligraffitti',cursive;
    font-size: 100px;
    font-weight: 900;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
    animation: animate 1s ease infinite alternate; 
}
@keyframes animate{
      0%{ text-shadow: -15px 5px 20px #ced0d3; }
    100%{ text-shadow: 5px 5px 0px #FFB650,10px 10px 0px #FFD662,15px 15px 0px  #FF80BF, 
                       20px 20px 0px #EF5097,25px 25px 0px #6868AC,30px 30px 0px #90B1E0; 
        }
}

@media only screen and (max-width: 767px){
    .text-effect{ font-size: 65px; }
}

@media only screen and (max-width: 576px){
    .text-effect{ font-size: 40px; }
}