.water-wave-text{position:relative;display:inline-block;}.water-wave-text::before{content:attr(data-text);position:absolute;top:0px;left:0px;width:100%;height:100%;color:rgba(255, 255, 255, 0.3);overflow-x:hidden;overflow-y:hidden;z-index:1;}.water-wave-text::after{content:attr(data-text);position:absolute;top:0px;left:0px;width:100%;height:0%;color:white;overflow-x:hidden;overflow-y:hidden;z-index:2;animation-duration:5s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:wave;}#hero-canvas{background-image:linear-gradient(rgb(74, 157, 95), rgb(247, 244, 238));background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat-x:initial;background-repeat-y:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;}@keyframes wave{0%{height:0%;}100%{height:100%;}}