@import url('https://fonts.googleapis.com/css?family=poppins:100,200,300,400,500,600,700,800,900');
*

.wave{
    font-size: 60px;
    font-weight: 600;
   
}
.watercontent{
    position: relative;
}
.watercontent span{
    position: absolute;
    transform: translate(-50%,-50%);
    font-size: 6em;

}
.watercontent span:nth-child(1)
{
    color: transparent;
    -webkit-text-stroke:2px #03a9f4;
}
.watercontent span:nth-child(2)
{
    color: #03a9f4;
    animation: animate 3s ease-in-out infinite;
}
@keyframes animate
{
    0%,100%
    {
        clip-path: polygon(0% 49%, 7% 57%, 15% 62%, 26% 65%, 38% 64%, 48% 59%, 57% 51%, 68% 46%, 80% 43%, 90% 43%, 100% 45%, 100% 99%, 0% 99%);
    }
        50%
    {
        clip-path: polygon(0% 49%, 10% 44%, 20% 43%, 32% 44%, 44% 47%, 51% 55%, 62% 62%, 74% 63%, 85% 60%, 93% 54%, 100% 45%, 100% 99%, 0% 99%);
    }
}
@media only screen and (max-width:750px){
    .wave{
    font-size: 40px;
    font-weight: 600;
}
    .watercontent span{
    position: absolute;
    transform: translate(-50%,-50%);
    font-size: 4em;
}
}