.ripple-background{z-index:-1;background-color:var(--PBackgroundColor);width:100%;height:100vh;position:absolute;overflow:hidden}.circle{background:var(--PButtonColor);border-radius:50%;animation:15s infinite ripple;position:absolute;box-shadow:0 0 1px #fff}.small{width:200px;height:200px;bottom:-100px;left:-100px}.medium{width:400px;height:400px;bottom:-200px;left:-200px}.large{width:600px;height:600px;bottom:-300px;left:-300px}.xlarge{width:800px;height:800px;bottom:-400px;left:-400px}.xxlarge{width:1000px;height:1000px;bottom:-500px;left:-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)}}