.hero-text{font-family:Pacifico,cursive}.fade-in{animation:fadeIn 2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wave-container{position:relative;width:100%;height:100vh;background-color:#f8fafc}.wave{position:absolute;bottom:0;width:100%;height:200px;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/85486/wave.svg) repeat-x;animation:wave-animation 10s linear infinite}.wave:nth-of-type(2){bottom:10px;opacity:.5;animation:wave-animation 8s linear infinite}.wave:nth-of-type(3){bottom:15px;opacity:.3;animation:wave-animation 6s linear infinite}@keyframes wave-animation{0%{background-position-x:0}to{background-position-x:1000px}}