.ripple-background{position:relative;width:100%;height:100%;background:#39f;overflow:hidden}.circle{position:absolute;border-radius:50%;background:#fff;animation:ripple 15s infinite;box-shadow:0 0 1px 0 #508fb9}.small{width:200px;height:200px;left:-100px;bottom:-100px}.medium{width:400px;height:400px;left:-200px;bottom:-200px}.large{width:600px;height:600px;left:-300px;bottom:-300px}.xlarge{width:800px;height:800px;left:-400px;bottom:-400px}.xxlarge{width:1000px;height:1000px;left:-500px;bottom:-500px}.shade1{opacity:.2}.shade2{opacity:.5}.shade3{opacity:.7}.shade4{opacity:.8}.shade5{opacity:.9}@keyframes ripple{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(.8)}}