body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.wavy {
    position: relative;
}

.wavy span {
    position: relative;
    display: inline-block;
    font-size: 2em;
    text-transform: uppercase;
    animation: animate 2s ease-in-out infinite;
    animation-delay: calc(0.1s * var(--i));
}

@keyframes animate {
    20%{
        transform: translateY(0px);
    }

    40% {
        transform: translateY(-10px);
    }

    60%{
        transform: translateY(0px);
    }

    80%{
        transform: translateY(-10px);
    }

    100%{
        transform: translateY(0px);
    }
}