.database-animation{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.central-ball{position:absolute;width:120px;height:120px;background:linear-gradient(145deg,#4a7aff62,#3a5fd062);border-radius:50%;box-shadow:0 0 30px rgba(74,123,255,.9)}.orbit{position:absolute;border:1px dashed rgba(74,123,255,.5);border-radius:50%;animation:rotate 30s linear infinite}.orbit-1{width:300px;height:300px;animation-duration:20s}.orbit-2{width:450px;height:450px;animation-duration:30s}.orbit-3{width:600px;height:600px;animation-duration:40s}.satellite-ball{position:absolute;width:20px;height:20px;border-radius:50%;transform-origin:center;backface-visibility:hidden;filter:blur(3px)}.ball-1{background-color:#dcff7a;box-shadow:0 0 10px rgba(220,255,122,.6)}.ball-2{background-color:#545454;box-shadow:0 0 10px rgba(84,84,84,.6)}.ball-3{background-color:#7a9cff;box-shadow:0 0 10px rgba(122,156,255,.6)}.ball-4{background-color:#dcff7a;box-shadow:0 0 10px rgba(220,255,122,.6)}.ball-5{background-color:#545454;box-shadow:0 0 10px rgba(84,84,84,.6)}.ball-6{background-color:#7a9cff;box-shadow:0 0 10px rgba(122,156,255,.6)}.ball-7{background-color:#dcff7a;box-shadow:0 0 10px rgba(220,255,122,.6)}.ball-8{background-color:#545454;box-shadow:0 0 10px rgba(84,84,84,.6)}.ball-9{background-color:#7a9cff;box-shadow:0 0 10px rgba(122,156,255,.6)}.ball-10{background-color:#dcff7a;box-shadow:0 0 10px rgba(220,255,122,.6)}.ball-11{background-color:#545454;box-shadow:0 0 10px rgba(84,84,84,.6)}.ball-12{background-color:#7a9cff;box-shadow:0 0 10px rgba(122,156,255,.6)}.ball-1{top:0;left:50%;transform:translateX(-50%)}.ball-2{bottom:30%;right:0}.ball-3{bottom:30%;left:0}.ball-4{top:0;left:50%;transform:translateX(-50%)}.ball-5{top:50%;right:0;transform:translateY(-50%)}.ball-6{bottom:0;left:50%;transform:translateX(-50%)}.ball-7{top:50%;left:0;transform:translateY(-50%)}.ball-8{top:0;left:50%;transform:translateX(-50%)}.ball-9{top:25%;right:10%}.ball-10{bottom:0;left:50%;transform:translateX(-50%)}.ball-11{bottom:25%;left:10%}.ball-12{top:50%;left:0;transform:translateY(-50%)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}