hello.css

body{
    background-color: black;
    margin: 5rem 4rem;
    text-align: center;
    font-family: sans-serif;
}

h1, h2{
    margin: 0;
    padding: 0;
    color: white;
    display: inline-block;
    font-size: 10rem;
    text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
}

h2{
    font-size: 8 rem;
}

h1:nth-child(0n+0), h2:nth-child(5n+0){
    animation-name: animate;
    animation-delay: 0s;
    animation-duration: 0s;
    animation-timing-function: linear;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
}

h1:nth-child(0n+1), h2:nth-child(5n+1){
    animation-name: animate;
    animation-delay: 0.2s;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
}

h1:nth-child(0n+2), h2:nth-child(5n+2){
    animation-name: animate;
    animation-delay: 0.4s;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
}

h1:nth-child(0n+3), h2:nth-child(5n+3){
    animation-name: animate;
    animation-delay: 0.6s;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
}

h1:nth-child(0n+4), h2:nth-child(5n+4){
    animation-name: animate;
    animation-delay: 0.8s;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
}

h1:nth-child(0n+5), h2:nth-child(5n+5){
    animation-name: animate;
    animation-delay: 1s;
    animation-duration: 2.5s;
    animation-timing-function: linear;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
}

@keyframes animate {
    0%{
        opacity: 1;
        background-position: 0 0;
        filter: hue-rotate(0deg);
    }
    10%{
        background-position: 5px 0;
    }
    20%{
        background-position: -5px 0;
    }
    30%{
        background-position: 15px 0;
    }
    40%{
        background-position: -5px 0;
    }
    50%{
        background-position: -25px 0;
    }
    60%{
        background-position: -50px 0;
    }
    70%{
        background-position: 0px -20px;
    }
    80%{
        background-position: -60px -20px;
    }
    81%{
        background-position: 0 0;
    }
    100%{
        opacity:1;
        background-position: 0 0;
        filter: hue-rotate(360deg);
    }
}