.floating-shapes{width:100%;height:100%;position:absolute;overflow:hidden}.shape{background:linear-gradient(45deg,#22c55e1a,#10b9811a);border-radius:50%;position:absolute}.shape-1{width:100px;height:100px;animation:6s infinite float;top:20%;left:20%}.shape-2{width:150px;height:150px;animation:8s infinite float;top:40%;right:20%}.shape-3{width:80px;height:80px;animation:7s infinite float;bottom:20%;left:40%}@keyframes float{0%{transform:translate(0)rotate(0)}50%{transform:translate(20px,20px)rotate(180deg)}to{transform:translate(0)rotate(360deg)}}