html,body{width:100%;overflow-x:hidden}.ripple-background{position:absolute;top:0;right:0;bottom:0;left:0;background:#f5f9ff;z-index:1;overflow:hidden}.circle{position:absolute;border-radius:50%;background:#0666f6;animation:ripple 15s infinite;box-shadow:0 0 1px #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:.05}.shade2{opacity:.08}.shade3{opacity:.12}.shade4{opacity:.15}.shade5{opacity:.2}@keyframes ripple{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(.8)}}