.circle{position:absolute;border-radius:50%;background:#fff;animation:ripple 15s infinite;box-shadow:0 0 1px 0 #508fb9;z-index:-1}.sm{width:300px;height:300px;left:-150px;bottom:-150px}.md{width:500px;height:500px;left:-250px;bottom:-250px}.lg{width:700px;height:700px;left:-350px;bottom:-350px}.xl{width:900px;height:900px;left:-450px;bottom:-450px}.xxl{width:1100px;height:1100px;left:-550px;bottom:-550px}.shade1{opacity:.05}.shade2{opacity:.1}.shade3{opacity:.15}.shade4{opacity:.2}.shade5{opacity:.25}@keyframes ripple{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}