.circ{width:10rem;height:10rem;border-radius:50%;position:absolute;transform-style:preserve-3d;backdrop-filter:blur(.5px);border-color:currentcolor;border-color:rgba(28,91,101,.5) rgba(181,212,219,.5) rgba(19,50,55,.5) rgba(77,125,133,.5);border-style:solid;border-width:1.9px;opacity:0}.circ.circ-1{transform:rotateY(24deg);animation:rotate 2s linear infinite;animation-delay:.1333333333s}.circ.circ-2{transform:rotateY(48deg);animation:rotate 2s linear infinite;animation-delay:.2666666667s}.circ.circ-3{transform:rotateY(72deg);animation:rotate 2s linear infinite;animation-delay:.4s}.circ.circ-4{transform:rotateY(96deg);animation:rotate 2s linear infinite;animation-delay:.5333333333s}.circ.circ-5{transform:rotateY(120deg);animation:rotate 2s linear infinite;animation-delay:.6666666667s}.circ.circ-6{transform:rotateY(144deg);animation:rotate 2s linear infinite;animation-delay:.8s}.circ.circ-7{transform:rotateY(168deg);animation:rotate 2s linear infinite;animation-delay:.9333333333s}.circ.circ-8{transform:rotateX(192deg);animation:rotate-2 3s linear infinite;animation-delay:1.0666666667s}.circ.circ-9{transform:rotateX(216deg);animation:rotate-2 3s linear infinite;animation-delay:1.2s}.circ.circ-10{transform:rotateX(240deg);animation:rotate-2 3s linear infinite;animation-delay:1.3333333333s}.circ.circ-11{transform:rotateX(264deg);animation:rotate-2 3s linear infinite;animation-delay:1.4666666667s}.circ.circ-12{transform:rotateX(288deg);animation:rotate-2 3s linear infinite;animation-delay:1.6s}.circ.circ-13{transform:rotateX(312deg);animation:rotate-2 3s linear infinite;animation-delay:1.7333333333s}.circ.circ-14{transform:rotateX(336deg);animation:rotate-2 3s linear infinite;animation-delay:1.8666666667s}.circ.circ-15{transform:rotateX(1turn);animation:rotate-2 3s linear infinite;animation-delay:2s}@keyframes rotate{0%{opacity:1;transform:rotate3d(0,1,1,1turn)}to{transform:rotate3d(0,1,1,0deg);opacity:1}}@keyframes rotate-2{0%{opacity:1;transform:rotate3d(1,0,1,0deg)}to{opacity:1;transform:rotate3d(1,0,1,1turn)}}