﻿@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');

.waviy
{
    position: relative;
    -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));
    font-size: 3rem;
}

    .waviy span
    {
        font-family: 'Alfa Slab One', cursive;
        position: relative;
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        animation: waviy 1s infinite;
        animation-delay: calc(.1s * var(--i));
    }

@keyframes waviy
{
    0%,40%,100%
    {
        transform: translateY(0)
    }

    20%
    {
        transform: translateY(-20px)
    }
}
