* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}



.waviy {
    width: 100%;
    align-items: center;
    position: relative;
    -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,0.1));
    /* font-size: 60px; */
    font-size: 4vw;
    font-weight: 700;
    text-align: center;
    user-select: none;
}

.waviy span {
  /* font-family: 'Alfa Slab One', cursive; */
  
  user-select: none;
  
  /*font-family: 'Roboto', sans-serif;*/
  /*font-family: emoji;*/
  font-family: 'Open Sans';

  position: relative;
  display: inline-block;
  color: #fff;
  
  text-shadow: 1px 1px 1px #c8c8c8,
        1px 2px 1px #b1b1b1,
        1px 3px 1px #7c7c7c,
        1px 4px 1px #454545,
        1px 5px 1px #393838,
        1px 6px 1px #252525,
        1px 7px 1px #151515;
  
  
  /* text-transform: uppercase; */
  animation: waviy 2.5s infinite;
  animation-delay: calc(.05s * var(--i));
  
}

@keyframes waviy {
  0%,40%,100% {
    transform: translateY(0);
    
  }
  20% {
    transform: translateY(-20px);
  }
  5%{
    /* color: #0057c2; */
    /* color: red; */
    color: #FFD700;
    /*text-shadow: 0 0 10px #FFD700;*/
    text-shadow: 1px 1px 1px #FFD700,
        1px 2px 1px #5a532f,
        1px 3px 1px #8e7800,
        1px 4px 1px #746200,
        1px 5px 1px #493d00,
        1px 6px 1px #493d00,
        1px 7px 1px #3d3301;
  }
  10%{
    /* color: #8039f1; */
    /* color: yellow; */
  }
  15%{
    /* color: #740099; */
    /* color: green; */
  }
  20%{
    /* color: #00C24F; */
  }
}


@media only screen and (max-width: 450px) 
{
    .waviy {
        -webkit-box-reflect: below -1px linear-gradient(transparent, rgba(0, 0, 0, 0.1));
        font-size: 17px;
    }
    
    .waviy span {
        font-size: larger;
    }
}