User:Ditto Duck Penguin/common.css

@import url(http://fonts.googleapis.com/css?family=Fredoka+One);

body { background-color : black; }

@keyframes wave { from { transform : translateY(0); color: white; } to  { transform : translateY( -90px ); } }

.wavetext { margin-top : 10em; text-align : center; }

.wavetext span { display: inline-block; font-family : "Fredoka One", sans-serif; font-size : 70px;

animation-duration: 0.3s; animation-name: wave; animation-iteration-count: infinite; animation-direction: alternate; }

@for $i from 0 to 40 { .wavetext :nth-child( 40n + #{$i} ) { animation-delay : -#{(40 - $i) * 2 * 0.3 / 40 }s;

color: rgba(100+$i * 20 % 155, 10, 100+ $i * 40 % 55, 1); } }