*
{
    box-sizing: border-box;
}


.bouncetext span
{
    display:inline-block;
    animation: bounce 0.6s infinite ease-in-out;
}
.bouncetext span:nth-child(1)
{
    animation-delay: 0s;
}
.bouncetext span:nth-child(2)
{
    animation-delay: 0.1s;
}
.bouncetext span:nth-child(3)
{
    animation-delay: 0.2s;
}
.bouncetext span:nth-child(4)
{
    animation-delay: 0.3s;
}
.bouncetext span:nth-child(5)
{
    animation-delay: 0.4s;
}
.bouncetext span:nth-child(6)
{
    animation-delay: 0.5s;
}
.bouncetext span:nth-child(7)
{
    animation-delay: 0.6s;
}
.bouncetext span:nth-child(8)
{
    animation-delay: 0.7s;
}
.bouncetext span:nth-child(9)
{
    animation-delay: 0.8s;
}
.bouncetext span:nth-child(10)
{
    animation-delay: 0.9s;
}
.bouncetext span:nth-child(11)
{
    animation-delay: 0s;
}
.bouncetext span:nth-child(12)
{
    animation-delay: 0.1s;
}
.bouncetext span:nth-child(13)
{
    animation-delay: 0.2s;
}
.bouncetext span:nth-child(14)
{
    animation-delay: 0.3s;
}
.bouncetext span:nth-child(15)
{
    animation-delay: 0.4s;
}
.bouncetext span:nth-child(16)
{
    animation-delay: 0.5s;
}
.bouncetext span:nth-child(17)
{
    animation-delay: 0.6s;
}
.bouncetext span:nth-child(18)
{
    animation-delay: 0.7s;
}
.bouncetext span:nth-child(19)
{
    animation-delay: 0.8s;
}
.bouncetext span:nth-child(20)
{
    animation-delay: 0.9s;
}
@keyframes bounce{
    0%, 
    100%
    {
        transform:translateY(0);
    }
    50%
    {
        transform:translateY(-15px);
    }
}