div+css实现星光粒子闪耀动画效果代码
代码语言:html
所属分类:粒子
代码描述:div+css实现星光粒子闪耀动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> body { background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%); height: 100vh; overflow: hidden; display: flex; perspective: 500px; } div { position: absolute; transform-style: preserve-3d; } .sky, .stars { width: 100%; height: 100%; } .stars { -webkit-animation: rotate 60000ms linear infinite; animation: rotate 60000ms linear infinite; transform-origin: 50% 50% -250px; } .counter { animation: rotate 60000ms linear infinite reverse; } .star { width: 6px; height: 6px; } .star .light { width: 100px; height: 6px; left: -47px; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .star .light:nth-child(1) { transform: rotate(150deg); } .star .light:nth-child(2) { transform: rotate(210deg); } .star .light:nth-child(3) { transform: rotate(270deg); } .star .light:nth-child(4) { transform: rotate(330deg); } .star:nth-child(1) { top: calc(50%); left: calc(50%); transform: translate(33.5px, -194px) translateZ(-131px); } .star:nth-child(1) .slide { -webkit-animation: fade 5000ms -33752ms linear infinite, slide 5000ms -33752ms linear infinite; animation: fade 5000ms -33752ms linear infinite, slide 5000ms -33752ms linear infinite; } .star:nth-child(2) { top: calc(50%); left: calc(50%); transform: translate(48.5px, -209.5px) translateZ(-320px); } .star:nth-child(2) .slide { -webkit-animation: fade 5000ms -19697ms linear infinite, slide 5000ms -19697ms linear infinite; animation: fade 5000ms -19697ms linear infinite, slide 5000ms -19697ms linear infinite; } .star:nth-child(3) { top: calc(50%); left: calc(50%); transform: translate(-169px, 89.5px) translateZ(-284px); } .star:nth-child(3) .slide { -webkit-animation: fade 5000ms -20635ms linear infinite, slide 5000ms -20635ms linear infinite; animation: fade 5000ms -20635ms linear infinite, slide 5000ms -20635ms linear infinite; } .star:nth-child(4) { top: calc(50%); left: calc(50%); transform: translate(-138px, 56.5px) translateZ(-81px); } .star:nth-child(4) .slide { -webkit-animation: fade 5000ms -36763ms linear infinite, slide 5000ms -36763ms linear infinite; animation: fade 5000ms -36763ms linear infinite, slide 5000ms -36763ms linear infinite; } .star:nth-child(5) { top: calc(50%); left: calc(50%); transform: translate(-29.5px, -8.5px) translateZ(-83px); } .star:nth-child(5) .slide { -webkit-animation: fade 5000ms -4875ms linear infinite, slide 5000ms -4875ms linear infinite; animation: fade 5000ms -4875ms linear infinite, slide 5000ms -4875ms linear infinite; } .star:nth-child(6) { top: calc(50%); left: calc(50%); transform: translate(-87px, -92px) translateZ(-421px); } .star:nth-child(6) .slide { -webkit-animation: fade 5000ms -37686ms linear infinite, slide 5000ms -37686ms linear infinite; animation: fade 5000ms -37686ms linear infinite, slide 5000ms -37686ms linear infinite; } .star:nth-child(7) { top: calc(50%); left: calc(50%); transform: translate(-216.5px, -218.5px) translateZ(-220px); } .star:nth-child(7) .slide { -webkit-animation: fade 5000ms -6421ms linear infinite, slide 5000ms -6421ms linear infinite; animation: fade 5000ms -6421ms linear infinite, slide 5000ms -6421ms linear infinite; } .star:nth-child(8) { top: calc(50%); left: calc(50%); transform: translate(-110px, 212.5px) translateZ(-197px); } .star:nth-child(8) .slide { -webkit-animation: fade 5000ms -33122ms linear infinite, slide 5000ms -33122ms linear infinite; animation: fade 5000ms -33122ms linear infinite, slide 5000ms -33122ms linear infinite; } .star:nth-child(9) { top: calc(50%); left: calc(50%); transform: translate(44px, -123px) translateZ(-441px); } .star:nth-child(9) .slide { -webkit-animation: fade 5000ms -31747ms linear infinite, slide 5000ms -31747ms linear infinite; animation: fade 5000ms -31747ms linear infinite, slide 5000ms -31747ms linear infinite; } .star:nth-child(10) { top: calc(50%); left: calc(50%); transform: translate(132px, -28.5px) translateZ(-250px); } .star:nth-child(10) .slide { -webkit-animation: fade 5000ms -22418ms linear infinite, slide 5000ms -22418ms linear infinite; animation: fade 5000ms -22418ms linear infinite, slide 5000ms -22418ms linear infinite; } .star:nth-child(11) { top: calc(50%); left: calc(50%); transform: translate(156px, -21px) translateZ(-62px); } .star:nth-child(11) .slide { -webkit-animation: fade 5000ms -19165ms linear infinite, slide 5000ms -19165ms linear infinite; animation: fade 5000ms -19165ms linear infinite, slide 5000ms -19165ms linear infinite; } .star:nth-child(12) { top: calc(50%); left: calc(50%); transform: translate(-23.5px, 101.5px) translateZ(-2px); } .star:nth-child(12) .slide { -webkit-animation: fade 5000ms -21212ms linear infinite, slide 5000ms -21212ms linear infinite; animation: fade 5000ms -21212ms linear infinite, slide 5000ms -21212ms linear infinite; } .star:nth-child(13) { top: calc(50%); left: calc(50%); transform: translate(194.5px, 4px) translateZ(-80px); } .star:nth-child(13) .slide { -webkit-animation: fade 5000ms -2064ms linear infinite, slide 5000ms -2064ms linear infinite; animation: fade 5000ms -2064ms linear infinite, slide 5000ms -2064ms linear infinite; } .star:nth-child(14) { top: calc(50%); left: calc(50%); transform: translate(-115.5px, 111px) translateZ(-414px); } .star:nth-child(14) .slide { -webkit-animation: fade 5000ms -18539ms linear infinite, slide 5000ms -18539ms linear infinite; animation: fade 5000ms -18539ms linear infinite, slide 5000ms -18539ms linear infinite; } .star:nth-child(15) { top: calc(50%); left: calc(50%); transform: translate(171.5px, 169.5px) translateZ(-64px); } .star:nth-child(15) .slide { -webkit-animation: fade 5000ms -11945ms linear infinite, slide 5000ms -11945ms linear infinite; animation: fade 5000ms -11945ms linear infinite, slide 5000ms -11945ms linear infinite; } .star:nth-child(16) { top: calc(50%); left: calc(50%); transform: translate(-44.5px, 50px) translateZ(-130px); } .star:nth-child(16) .slide { -webkit-animation: fade 5000ms -39216ms linear infinite, slide 5000ms -39216ms linear infinite; animation: fade 5000ms -39216ms linear infinite, slide 5000ms -39216ms linear infinite; } .star:nth-child(17) { top: calc(50%); left: calc(50%); transform: translate(-210px, -48px) translateZ(-275px); } .star:nth-child(17) .slide { -webkit-animation: fade 5000ms -36853ms linear infinite, slide 5000ms -36853ms linear infinite; animation: fade 5000ms -36853ms linear infinite, slide 5000ms -36853ms linear infinite; } .star:nth-child(18) { top: calc(50%); left: calc(50%); transform: translate(-134px, 91px) translateZ(-149px); } .star:nth-child(18) .slide { -webkit-animation: fade 5000ms -3837ms linear infinite, slide 5000ms -3837ms linear infinite; animation: fade 5000ms -3837ms linear infinite, slide 5000ms -3837ms linear infinite; } .star:nth-child(19) { top: calc(50%); left: calc(50%); transform: translate(-76px, 24.5px) translateZ(-213px); } .star:nth-child(19) .slide { -webkit-animation: fade 5000ms -29112ms linear infinite, slide 5000ms -29112ms linear infinite; animation: fade 5000ms -29112ms linear infinite, slide 5000ms -29112ms linear infinite; } .star:nth-child(20) { top: calc(50%); left: calc(50%); transform: translate(-41px, 36px) translateZ(-275px); } .star:nth-child(20) .slide { -webkit-animation: fade 5000ms -15441ms linear infinite, slide 5000ms -15441ms linear infinite; animation: fade 5000ms -15441ms linear infinite, slide 5000ms -15441ms linear infinite; } .star:nth-child(21) { top: calc(50%); left: calc(50%); transform: translate(137px, -5px) translateZ(-354px); } .star:nth-child(21) .slide { -webkit-animation: fade 5000ms -1646ms linear infinite, slide 5000ms -1646ms linear infinite; animation: fade 5000ms -1646ms linear infinite, slide 5000ms -1646ms linear infinite; } .star:nth-child(22) { top: calc(50%); left: calc(50%); transform: translate(250.5px, 147px) translateZ(-5px); } .star:nth-child(22) .slide { -webkit-animation: fade 5000ms -29850ms linear infinite, slide 5000ms -29850ms linear infinite; animation: fade 5000ms -29850ms linear infinite, slide 5000ms -29850ms linear infinite; } .star:nth-child(23) { top: calc(50%); left: calc(50%); transform: translate(-263px, 101.5px) translateZ(-334px); } .star:nth-child(23) .slide { -webkit-animation: fade 5000ms -26233ms linear infinite, slide 5000ms -26233ms linear infinite; animation: fade 5000ms -26233ms linear infinite, slide 5000ms -26233ms linear infinite; } .star:nth-child(24) { top: calc(50%); left: calc(50%); transform: translate(-232.5px, -88.5px) translateZ(-280px); } .star:nth-child(24) .slide { -webkit-animation: fade 5000ms -15672ms linear infinite, slide 5000ms -15672ms linear infinite; animation: fade 5000ms -15672ms linear infinite, slide 5000ms -15672ms linear infinite; } .star:nth-child(25) { top: calc(50%); left: calc(50%); transform: translate(137px, -53.5px) translateZ(-181px); } .star:nth-child(25) .slide { -webkit-animation: fade 5000ms -20166ms linear infinite, slide 5000ms -20166ms linear infinite; animation: fade 5000ms -20166ms linear infinite, slide 5000ms -20166ms linear infinite; } .star:nth-child(26) { top: calc(50%); left: calc(50%); transform: translate(-108px, 108px) translateZ(-347px); } .star:nth-child(26) .slide { -webkit-animation: fade 5000ms -19373ms linear infinite, slide 5000ms -19373ms linear infinite; animation: fade 5000ms -19373ms linear infinite, slide 5000ms -19373ms linear infinite; } .star:nth-child(27) { top: calc(50%); left: calc(50%); transform: translate(-13.5px, -2px) translateZ(-393px); } .star:nth-child(27) .slide { -webkit-animation: fade 5000ms -33457ms linear infinite, slide 5000ms -33457ms linear infinite; animation: fade 5000ms -33457ms linear infinite, slide 5000ms -33457ms linear infinite; } .star:nth-child(28) { top: calc(50%); left: calc(50%); transform: translate(-86px, -289px) translateZ(-302px); } .star:nth-child(28) .slide { -webkit-animation: fade 5000ms -10599ms linear infinite, slide 5000ms -10599ms linear infinite; animation: fade 5000ms -10599ms linear infinite, slide 5000ms -10599ms linear infinite; } .star:nth-child(29) { top: calc(50%); left: calc(50%); transform: translate(-262.5px, 45px) translateZ(-246px); } .star:nth-child(29) .slide { -webkit-animation: fade 5000ms -16558ms linear infinite, slide 5000ms -16558ms linear infinite; animation: fade 5000ms -16558ms linear infinite, slide 5000ms -16558ms linear infinite; } .star:nth-child(30) { top: calc(50%); left: calc(50%); transform: translate(-18px, 23.5px) translateZ(-375px); } .star:nth-child(30) .slide { -webkit-animation: fade 5000ms -28968ms linear infinite, slide 5000ms -28968ms linear infinite; animation: fade 5000ms -28968ms linear infinite, slide 5000ms -28968ms linear infinite; } .star:nth-child(31) { top: calc(50%); left: calc(50%); transform: translate(-51.5px, 56px) translateZ(-204px); } .star:nth-child(31) .slide { -webkit-animation: fade 5000ms -20984ms linear infinite, slide 5000ms -20984ms linear infinite; animation: fade 5000ms -20984ms linear infinite, slide 5000ms -20984ms linear infinite; } .star:nth-child(32) { top: calc(50%); left: calc(50%); transform: translate(87.5px, -5.5px) translateZ(-441px); } .star:nth-child(32) .slide { -webkit-animation: fade 5000ms -35524ms linear infinite, slide 5000ms -35524ms linear infinite; animation: fade 5000ms -35524ms linear infinite, slide 5000ms -35524ms linear infinite; } .star:nth-child(33) { top: calc(50%); left: calc(50%); transform: translate(39px, -86.5px) translateZ(-468px); } .star:nth-child(33) .slide { -webkit-animation: fade 5000ms -28500ms linear infinite, slide 5000ms -28500ms linear infinite; animation: fade 5000ms -28500ms linear infinite, slide 5000ms -28500ms linear infinite; } .star:nth-child(34) { top: calc(50%); left: calc(50%); transform: translate(107px, 58px) translateZ(-5px); } .star:nth-child(34) .slide { -webkit-animation: fade 5000ms -16424ms linear infinite, slide 5000ms -16424ms linear infinite; animation: fade 5000ms -16424ms linear infinite, slide 5000ms -16424ms linear infinite; } .star:nth-child(35) { top: calc(50%); left: calc(50%); transform: translate(102px, -118.5px) translateZ(-197px); } .star:nth-child(35) .slide { -webkit-animation: fade 5000ms -20114ms linear infinite, slide 5000ms -20114ms linear infinite; animation: fade 5000ms -20114ms linear infinite, slide 5000ms -20114ms linear infinite; } .star:nth-child(36) { top: calc(50%); left: calc(50%); transform: translate(-2.5px, 149px) translateZ(-402px); } .star:nth-child(36) .slide { -webkit-animation: fade 5000ms -3701ms linear infinite, slide 5000ms -3701ms linear infinite; animation: fade 5000ms -3701ms linear infinite, slide 5000ms -3701ms linear infinite; } .star:nth-child(37) { top: calc(50%); left: calc(50%); transform: translate(-51px, -67px) translateZ(-173px); } .star:nth-child(37) .slide { -webkit-animation: fade 5000ms -13960ms linear infinite, slide 5000ms -13960ms linear infinite; animation: fade 5000ms -13960ms linear infinite, slide 5000ms -13960ms linear infinite; } .star:nth-child(38) { top: calc(50%); left: calc(50%); transform: translate(44px, 151.5px) translateZ(-90px); } .star:nth-child(38) .slide { -webkit-animation: fade 5000ms -15047ms linear infinite, slide 5000ms -15047ms linear infinite; animation: fade 5000ms -15047ms linear infinite, slide 5000ms -15047ms linear infinite; } .star:nth-child(39) { top: calc(50%); left: calc(50%); transform: translate(80px, -91.5px) translateZ(-97px); } .star:nth-child(39) .slide { -webkit-animation: fade 5000ms -37961ms linear infinite, slide 5000ms -37961ms linear infinite; animation: fade 5000ms -37961ms linear infinite, slide 5000ms -37961ms linear infinite; } .star:nth-child(40) { top: calc(50%); left: calc(50%); transform: translate(-98px, -91px) translateZ(-223px); } .star:nth-child(40) .slide { -webkit-animation: fade 5000ms -3926ms linear infinite, slide 5000ms -3926ms linear infinite; animation: fade 5000ms -3926ms linear infinite, slide 5000ms -3926ms linear infinite; } .star:nth-child(41) { top: calc(50%); left: calc(50%); transform: translate(125.5px, -212px) translateZ(-395px); } .star:nth-child(41) .slide { -webkit-animation: fade 5000ms -13110ms linear infinite, slide 5000ms -13110ms linear infinite; animation: fade 5000ms -13110ms linear infinite, slide 5000ms -13110ms linear infinite; } .star:nth-child(42) { top: calc(50%); left: calc(50%); transform: translate(-34.5px, 114.5px) translateZ(-290px); } .star:nth-child(42) .slide { -webkit-animation: fade 5000ms -18056ms linear infinite, slide 5000ms -18056ms linear infinite; animation: fade 5000ms -18056ms linear infinite, slide 5000ms -18056ms linear infinite; } .star:nth-child(43) { top: calc(50%); left: calc(50%); transform: translate(140px, 214.5px) translateZ(-65px); } .star:nth-child(43) .slide { -webkit-animation: fade 5000ms -34484ms linear infinite, slide 5000ms -34484ms linear infinite; animation: fade 5000ms -34484ms linear infinite, slide 5000ms -34484ms linear infinite; } .star:nth-child(44) { top: calc(50%); left: calc(50%); transform: translate(-10.5px, -49px) translateZ(-292px); } .star:nth-child(44) .slide { -webkit-animation: fade 5000ms -35086ms linear infinite, slide 5000ms -35086ms linear infinite; animation: fade 5000ms -35086ms linear infinite, slide 5000ms -35086ms linear infinite; } .star:nth-child(45) { top: calc(50%); left: calc(50%); transform: translate(-122.5px, 65.5px) translateZ(-254px); } .star:nth-child(45) .slide { -webkit-animation: fade 5000ms -10438ms linear infinite, slide 5000ms -10438ms linear infinite; animation: fade 5000ms -10438ms linear infinite, slide 5000ms -10438ms linear infinite; } .star:nth-child(46) { top: calc(50%); left: calc(50%); transform: translate(43px, 150px) translateZ(-144px); } .star:nth-child(46) .slide { -webkit-animation: fade 5000ms -2136ms linear infinite, slide 5000ms -2136ms linear infinite; animation: fade 5000ms -2136ms linear infinite, slide 5000ms -2136ms linear infinite; } .star:nth-child(47) { top: calc(50%); left: calc(50%); transform: translate(-258.5px, 223.5px) translateZ(-105px); } .star:nth-child(47) .slide { -webkit-animation: fade 5000ms -36583ms linear infinite, slide 5000ms -36583ms linear infinite; animation: fade 5000ms -36583ms linear infinite, slide 5000ms -36583ms linear infinite; } .star:nth-child(48) { top: calc(50%); left: calc(50%); transform: translate(-176px, -142px) translateZ(-217px); } .star:nth-child(48) .slide { -webkit-animation: fade 5000ms -27565ms linear infinite, slide 5000ms -27565ms linear infinite; animation: fade 5000ms -27565ms linear infinite, slide 5000ms -27565ms linear infinite; } .star:nth-child(49) { top: calc(50%); left: calc(50%); transform: translate(127.5px, 66.5px) translateZ(-145px); } .star:nth-child(49) .slide { -webkit-animation: fade 5000ms -14138ms linear infinite, slide 5000ms -14138ms linear infinite; animation: fade 5000ms -14138ms linear infinite, slide 5000ms -14138ms linear infinite; } .star:nth-child(50) { top: calc(50%); left: calc(50%); transform: translate(-91px, -18.5px) translateZ(-484px); } .star:nth-child(50) .slide { -webkit-animation: fade 5000ms -26084ms linear infinite, slide 5000ms -26084ms linear infinite; animation: fade 5000ms -26084ms linear infinite, slide 5000ms -26084ms linear infinite; } .star:nth-child(51) { top: calc(50%); left: calc(50%); transform: translate(4px, 46px) translateZ(-251px); } .star:nth-child(51) .slide { -webkit-animation: fade 5000ms -15858ms linear infinite, slide 5000ms -15858ms linear infinite; animation: fade 5000ms -15858ms linear infinite, slide 5000ms -15858ms linear infinite; } .star:nth-child(52) { top: calc(50%); left: calc(50%); transform: translate(32px, -3px) translateZ(-362px); } .star:nth-child(52) .slide { -webkit-animation: fade 5000ms -10593ms linear infinite, slide 5000ms -10593ms linear infinite; animation: fade 5000ms -10593ms linear infinite, slide 5000ms -10593ms linear infinite; } .star:nth-child(53) { top: calc(50%); left: calc(50%); transform: translate(118px, 240.5px) translateZ(-160px); } .star:nth-child(53) .slide { -webkit-animation: fade 5000ms -6275ms linear infinite, slide 5000ms -6275ms linear infinite; animation: fade 5000ms -6275ms linear infinite, slide 5000ms -6275ms linear infinite; } .star:nth-child(54) { top: calc(50%); left: calc(50%); transform: translate(66px, -270px) translateZ(-425px); } .star:nth-child(54) .slide { -webkit-animation: fade 5000ms -4998ms linear infinite, slide 5000ms -4998ms linear infinite; animation: fade 5000ms -4998ms linear infinite, slide 5000ms -4998ms linear infinite; } .star:nth-child(55) { top: calc(50%); left: calc(50%); transform: translate(102px, 177.5px) translateZ(-451px); } .star:nth-child(55) .slide { -webkit-animation: fade 5000ms -15061ms linear infinite, slide 5000ms -15061ms linear infinite; animation: fade 5000ms -15061ms linear infinite, slide 5000ms -15061ms linear infinite; } .star:nth-child(56) { top: calc(50%); left: calc(50%); transform: translate(14px, -117.5px) translateZ(-44px); } .star:nth-child(56) .slide { -webkit-animation: fade 5000ms -18649ms linear infinite, slide 5000ms -18649ms linear infinite; animation: fade 5000ms -18649ms linear infinite, slide 5000ms -18649ms linear infinite; } .star:nth-child(57) { top: calc(50%); left: calc(50%); transform: translate(-56.5px, -21.5px) translateZ(-424px); } .star:nth-child(57) .slide { -webkit-animation: fade 5000ms -8152ms linear infinite, slide 5000ms -8152ms linear infinite; animation: fade 5000ms -8152ms linear infinite, slide 5000ms -8152ms linear infinite; } .star:nth-child(58) { top: calc(50%); left: calc(50%); transform: translate(-39px, -18.5px) translateZ(-74px); } .star:nth-child(58) .slide { -webkit-animation: fade 5000ms -29167ms linear infinite, slide 5000ms -29167ms linear infinite; animation: fade 5000ms -29167ms linear infinite, slide 5000ms -29167ms linear infinite; } .star:nth-child(59) { top: calc(50%); left: calc(50%); transform: translate(31px, 67.5px) translateZ(-486px); } .star:nth-child(59) .slide { -webkit-animation: fade 5000ms -9819ms linear infinite, slide 5000ms -9819ms linear infinite; animation: fade 5000ms -9819ms linear infinite, slide 5000ms -9819ms linear infinite; } .star:nth-child(60) { top: calc(50%); left: calc(50%); transform: translate(-60.5px, -107.5px) translateZ(-152px); } .star:nth-child(60) .slide { -webkit-animation: fade 5000ms -4922ms linear infinite, slide 5000ms -4922ms linear infinite; animation: fade 5000ms -4922ms linear infinite, slide 5000ms -4922ms linear infinite; } .star:nth-child(61) { top: calc(50%); left: calc(50%); transform: translate(-53px, -227.5px) translateZ(-325px); } .star:nth-child(61) .slide { -webkit-animation: fade 5000ms -7364ms linear infinite, slide 5000ms -7364ms linear infinite; animation: fade 5000ms -7364ms linear infinite, slide 5000ms -7364ms linear infinite; } .star:nth-child(62) { top: calc(50%); left: calc(50%); transform: translate(155px, -7.5px) translateZ(-56px); } .star:nth-child(62) .slide { -webkit-animation: fade 5000ms -4690ms linear infinite, slide 5000ms -4690ms linear infinite; animation: fade 5000ms -4690ms linear infinite, slide 5000ms -4690ms linear infinite; } .star:nth-child(63) { top: calc(50%); left: calc(50%); transform: translate(-170px, -138px) translateZ(-38px); } .star:nth-child(63) .slide { -webkit-animation: fade 5000ms -9674ms linear infinite, slide 5000ms -9674ms linear infinite; animation: fade 5000ms -9674ms linear infinite, slide 5000ms -9674ms linear infinite; } .star:nth-child(64) { top: calc(50%); left: calc(50%); transform: translate(-1.5px, -10px) translateZ(-115px); } .star:nth-child(64) .slide { -webkit-animation: fade 5000ms -25778ms linear infinite, slide 5000ms -25778ms linear infinite; animation: fade 5000ms -25778ms linear infinite, slide 5000ms -25778ms linear infinite; } .star:nth-child(65) { top: calc(50%); left: calc(50%); transform: translate(138px, -172px) translateZ(-326px); } .star:nth-child(65) .slide { -webkit-animation: fade 5000ms -27907ms linear infinite, slide 5000ms -27907ms linear infinite; animation: fade 5000ms -27907ms linear infinite, slide 5000ms -27907ms linear infinite; } .star:nth-child(66) { top: calc(50%); left: calc(50%); transform: translate(-46.5px, 207px) translateZ(-383px); } .star:nth-child(66) .slide { -webkit-animation: fade 5000ms -32771ms linear infinite, slide 5000ms -32771ms linear infinite; animation: fade 5000ms -32771ms linear infinite, slide 5000ms -32771ms linear infinite; } .star:nth-child(67) { top: calc(50%); left: calc(50%); transform: translate(135.5px, -214px) translateZ(-24px); } .star:nth-child(67) .slide { -webkit-animation: fade 5000ms -27911ms linear infinite, slide 5000ms -27911ms linear infinite; animation: fade 5000ms -27911ms linear infinite, slide 5000ms -27911ms linear infinite; } .star:nth-child(68) { top: calc(50%); left: calc(50%); transform: translate(57.5px, 137.5px) translateZ(-123px); } .star:nth-child(68) .slide { -webkit-animation: fade 5000ms -18696ms linear infinite, slide 5000ms -18696ms linear infinite; animation: fade 5000ms -18696ms linear infinite, slide 5000ms -18696ms linear infinite; } .star:nth-child(69) { top: calc(50%); left: calc(50%); transform: translate(124px, 11px) translateZ(-490px); } .star:nth-child(69) .slide { -webkit-animation: fade 5000ms -26768ms linear infinite, slide 5000ms -26768ms linear infinite; animation: fade 5000ms -26768ms linear infinite, slide 5000ms -26768ms linear infinite; } .star:nth-child(70) { top: calc(50%); left: calc(50%); transform: translate(-44.5px, -76px) translateZ(-282px); } .star:nth-child(70) .slide { -webkit-animation: fade 5000ms -21017ms linear infinite, slide 5000ms -21017ms linear infinite; animation: fade 5000ms -21017ms linear infinite, slide 5000ms -21017ms linear infinite; } .star:nth-child(71) { top: calc(50%); left: calc(50%); transform: translate(134.5px, 114.5px) translateZ(-133px); } .star:nth-child(71) .slide { -webkit-animation: fade 5000ms -34611ms linear infinite, slide 5000ms -34611ms linear infinite; animation: fade 5000ms -34611ms linear infinite, slide 5000ms -34611ms linear infinite; } .star:nth-child(72) { top: calc(50%); left: calc(50%); transform: translate(76.5px, 127.5px) translateZ(-379px); } .star:nth-child(72) .slide { -webkit-animation: fade 5000ms -22960ms linear infinite, slide 5000ms -22960ms linear infinite; animation: fade 5000ms -22960ms linear infinite, slide 5000ms -22960ms linear infinite; } .star:nth-child(73) { top: calc(50%); left: calc(50%); transform: translate(-53.5px, -105px) translateZ(-361px); } .star:nth-child(73) .slide { -webkit-animation: fade 5000ms -32906ms linear infinite, slide 5000ms -32906ms linear infinite; animation: fade 5000ms -32906ms linear infinite, slide 5000ms -32906ms linear infinite; } .star:nth-child(74) { top: calc(50%); left: calc(50%); transform: translate(-60.5px, 19px) translateZ(-193px); } .star:nth-child(74) .slide { -webkit-animation: fade 5000ms -22289ms linear infinite, slide 5000ms -22289ms linear infinite; animation: fade 5000ms -22289ms linear infinite, slide 5000ms -22289ms linear infinite; } .star:nth-child(75) { top: calc(50%); left: calc(50%); transform: translate(121px, -130px) translateZ(-140px); } .star:nth-child(75) .slide { -webkit-animation: fade 5000ms -6254ms linear infinite, slide 5000ms -6254ms linear infinite; animation: fade 5000ms -6254ms linear infinite, slide 5000ms -6254ms linear infinite; } .star:nth-child(76) { top: calc(50%); left: calc(50%); transform: translate(-105px, 87px) translateZ(-151px); } .star:nth-child(76) .slide { -webkit-animation: fade 5000ms -38749ms linear infinite, slide 5000ms -38749ms linear infinite; animation: fade 5000ms -38749ms linear infinite, slide 5000ms -38749ms linear infinite; } .star:nth-child(77) { top: calc(50%); left: calc(50%); transform: translate(-170px, 76px) translateZ(-368px); } .star:nth-child(77) .slide { -webkit-animation: fade 5000ms -38239ms linear infinite, slide 5000ms -38239ms linear infinite; animation: fade 5000ms -38239ms linear infinite, slide 5000ms -38239ms linear infinite; } .star:nth-child(78) { top: calc(50%); left: calc(50%); transform: translate(232px, -137.5px) translateZ(-472px); } .star:nth-child(78) .slide { -webkit-animation: fade 5000ms -39869ms linear infinite, slide 5000ms -39869ms linear infinite; animation: fade 5000ms -39869ms linear infinite, slide 5000ms -39869ms linear infinite; } .star:nth-child(79) { top: calc(50%); left: calc(50%); transform: translate(-15px, 148.5px) translateZ(-430px); } .star:nth-child(79) .slide { -webkit-animation: fade 5000ms -17207ms linear infinite, slide 5000ms -17207ms linear infinite; animation: fade 5000ms -17207ms linear infinite, slide 5000ms -17207ms linear infinite; } .star:nth-child(80) { top: calc(50%); left: calc(50%); transform: translate(9px, 279px) translateZ(-220px); } .star:nth-child(80) .slide { -webkit-animation: fade 5000ms -36714ms linear infinite, slide 5000ms -36714ms linear infinite; animation: fade 5000ms -36714ms linear infinite, slide 5000ms -36714ms linear infinite; } .star:nth-child(81) { top: calc(50%); left: calc(50%); transform: translate(-8.5px, -11.5px) translateZ(-499px); } .star:nth-child(81) .slide { -webkit-animation: fade 5000ms -38788ms linear infinite, slide 5000ms -38788ms linear infinite; animation: fade 5000ms -38788ms linear infinite, slide 5000ms -38788ms linear infinite; } .star:nth-child(82) { top: calc(50%); left: calc(50%); transform: translate(137.5px, -98.5px) translateZ(-153px); } .star:nth-child(82) .slide { -webkit-animation: fade 5000ms -2120ms linear infinite, slide 5000ms -2120ms linear infinite; animation: fade 5000ms -2120ms linear infinite, slide 5000ms -2120ms linear infinite; } .star:nth-child(83) { top: calc(50%); left: calc(50%); transform: translate(116px, -20.5px) translateZ(-391px); } .star:nth-child(83) .slide { -webkit-animation: fade 5000ms -22027ms linear infinite, slide 5000ms -22027ms linear infinite; animation: fade 5000ms -22027ms linear infinite, slide 5000ms -22027ms linear infinite; } .star:nth-child(84) { top: calc(50%); left: calc(50%); transform: translate(80.5px, -1px) translateZ(-483px); } .star:nth-child(84) .slide { -webkit-animation: fade 5000ms -28929ms linear infinite, slide 5000ms -28929ms linear infinite; animation: fade 5000ms -28929ms linear infinite, slide 5000ms -28929ms linear infinite; } .star:nth-child(85) { top: calc(50%); left: calc(50%); transform: translate(25px, -42.5px) translateZ(-207px); } .star:nth-child(85) .slide { -webkit-animation: fade 5000ms -28881ms linear infinite, slide 5000ms -28881ms linear infinite; animation: fade 5000ms -28881ms linear infinite, slide 5000ms -28881ms linear infinite; } .star:nth-child(86) { top: calc(50%); left: calc(50%); transform: translate(-34px, -3.5px) translateZ(-168px); } .star:nth-child(86) .slide { -webkit-animation: fade 5000ms -33094ms linear infinite, slide 5000ms -33094ms linear infinite; animation: fade 5000ms -33094ms linear infinite, slide 5000ms -33094ms linear infinite; } .star:nth-child(87) { top: calc(50%); left: calc(50%); transform: translate(-72.5px, 45px) translateZ(-499px); } .star:nth-child(87) .slide { -webkit-animation: fade 5000ms -23488ms linear infinite, slide 5000ms -23488ms linear infinite; animation: fade 5000ms -23488ms linear infinite, slide 5000ms -23488ms linear infinite; } .star:nth-child(88) { top: calc(50%); left: calc(50%); transform: translate(191px, -58px) translateZ(-267px); } .star:nth-child(88) .slide { -webkit-animation: fade 5000ms -21479ms linear infinite, slide 5000ms -21479ms linear infinite; animation: fade 5000ms -21479ms linear infinite, slide 5000ms -21479ms linear infinite; } .star:nth-child(89) { top: calc(50%); left: calc(50%); transform: translate(31px, 130px) translateZ(-249px); } .star:nth-child(89) .slide { -webkit-animation: fade 5000ms -11172ms linear infinite, slide 5000ms -11172ms linear infinite; animation: fade 5000ms -11172ms linear infinite, slide 5000ms -11172ms linear infinite; } .star:nth-child(90) { top: calc(50%); left: calc(50%); transform: translate(87px, -168.5px) translateZ(-473px); } .star:nth-child(90) .slide { -webkit-animation: fade 5000ms -31045ms linear infinite, slide 5000ms -31045ms linear infinite; animation: fade 5000ms -31045ms linear infinite, slide 5000ms -31045ms linear infinite; } .star:nth-child(91) { top: calc(50%); left: calc(50%); transform: translate(239.5px, -79.5px) translateZ(-251px); } .star:nth-child(91) .slide { -webkit-animation: fade 5000ms -4462ms linear infinite, slide 5000ms -4462ms linear infinite; animation: fade 5000ms -4462ms linear infinite, slide 5000ms -4462ms linear infinite; } .star:nth-child(92) { top: calc(50%); left: calc(50%); transform: translate(-17px, 152.5px) translateZ(-129px); } .star:nth-child(92) .slide { -webkit-animation: fade 5000ms -10041ms linear infinite, slide 5000ms -10041ms linear infinite; animation: fade 5000ms -10041ms linear infinite, slide 5000ms -10041ms linear infinite; } .star:nth-child(93) { top: calc(50%); left: calc(50%); transform: translate(234px, 266.5px) translateZ(-123px); } .star:nth-child(93) .slide { -webkit-animation: fade 5000ms -34231ms linear infinite, slide 5000ms -34231ms linear infinite; animation: fade 5000ms -34231ms linear infinite, slide 5000ms -34231ms linear infinite; } .star:nth-child(94) { top: calc(50%); left: calc(50%); transform: translate(150px, 56.5px) translateZ(-121px); } .star:nth-child(94) .slide { -webkit-animation: fade 5000ms -20344ms linear infinite, slide 5000ms -20344ms linear infinite; animation: fade 5000ms -20344ms linear infinite, slide 5000ms -20344ms linear infinite; } .star:nth-child(95) { top: calc(50%); left: calc(50%); transform: translate(19px, 144.5px) translateZ(-191px); } .star:nth-child(95) .slide { -webkit-animation: fade 5000ms -31126ms linear infinite, slide 5000ms -31126ms linear infinite; animation: fade 5000ms -31126ms linear infinite, slide 5000ms -31126ms linear infinite; } .star:nth-child(96) { top: calc(50%); left: calc(50%); transform: translate(35px, -120.5px) translateZ(-377px); } .star:nth-child(96) .slide { -webkit-animation: fade 5000ms -9724ms linear infinite, slide 5000ms -9724ms linear infinite; animation: fade 5000ms -9724ms linear infinite, slide 5000ms -9724ms linear infinite; } .star:nth-child(97) { top: calc(50%); left: calc(50%); transform: translate(-195px, 94.5px) translateZ(-218px); } .star:nth-child(97) .slide { -webkit-animation: fade 5000ms -12872ms linear infinite, slide 5000ms -12872ms linear infinite; animation: fade 5000ms -12872ms linear infinite, slide 5000ms -12872ms linear infinite; } .star:nth-child(98) { top: calc(50%); left: calc(50%); transform: translate(0px, -21.5px) translateZ(-329px); } .star:nth-child(98) .slide { -webkit-animation: fade 5000ms -21295ms linear infinite, slide 5000ms -21295ms linear infinite; animation: fade 5000ms -21295ms linear infinite, slide 5000ms -21295ms linear infinite; } .star:nth-child(99) { top: calc(50%); left: calc(50%); transform: translate(10px, -109.5px) translateZ(-174px); } .star:nth-child(99) .slide { -webkit-animation: fade 5000ms -8477ms linear infinite, slide 5000ms -8477ms linear infinite; animation: fade 5000ms -8477ms linear infinite, slide 5000ms -8477ms linear infinite; } .star:nth-child(100) { top: calc(50%); left: calc(50%); transform: translate(-26.5px, 164.5px) translateZ(-298px); } .star:nth-child(100) .slide { -webkit-animation: fade 5000ms -27775ms linear infinite, slide 5000ms -27775ms linear infinite; animation: fade 5000ms -27775ms linear infinite, slide 5000ms -27775ms linear infinite; } .star:nth-child(101) { top: calc(50%); left: calc(50%); transform: translate(-96px, -43.5px) translateZ(-210px); } .star:nth-child(101) .slide { -webkit-animation: fade 5000ms -4024ms linear infinite, slide 5000ms -4024ms linear infinite; animation: fade 5000ms -4024ms linear infinite, slide 5000ms -4024ms linear infinite; } .star:nth-child(102) { top: calc(50%); left: calc(50%); transform: translate(-143px, 144.5px) translateZ(-72px); } .star:nth-child(102) .slide { -webkit-animation: fade 5000ms -30074ms linear infinite, slide 5000ms -30074ms linear infinite; animation: fade 5000ms -30074ms linear infinite, slide 5000ms -30074ms linear infinite; } .star:nth-child(103) { top: calc(50%); left: calc(50%); transform: translate(-65.5px, -55.5px) translateZ(-210px); } .star:nth-child(103) .slide { -webkit-animation: fade 5000ms -8294ms linear infinite, slide 5000ms -8294ms linear infinite; animation: fade 5000ms -8294ms linear infinite, slide 5000ms -8294ms linear infinite; } .star:nth-child(104) { top: calc(50%); left: calc(50%); transform: translate(-198px, -32.5px) translateZ(-388px); } .star:nth-child(104) .slide { -webkit-animation: fade 5000ms -12825ms linear infinite, slide 5000ms -12825ms linear infinite; animation: fade 5000ms -12825ms linear infinite, slide 5000ms -12825ms linear infinite; } .star:nth-child(105) { top: calc(50%); left: calc(50%); transform: translate(50.5px, -30px) translateZ(-251px); } .star:nth-child(105) .slide { -webkit-animation: fade 5000ms -28899ms linear infinite, slide 5000ms -28899ms linear infinite; animation: fade 5000ms -28899ms linear infinite, slide 5000ms -28899ms linear infinite; } .star:nth-child(106) { top: calc(50%); left: calc(50%); transform: translate(59.5px, -19px) translateZ(-49px); } .star:nth-child(106) .slide { -webkit-animation: fade 5000ms -35938ms linear infinite, slide 5000ms -35938ms linear infinite; animation: fade 5000ms -35938ms linear infinite, slide 5000ms -35938ms linear infinite; } .star:nth-child(107) { top: calc(50%); left: calc(50%); transform: translate(5px, -34px) translateZ(-281px); } .star:nth-child(107) .slide { -webkit-animation: fade 5000ms -8069ms linear infinite, slide 5000ms -8069ms linear infinite; animation: fade 5000ms -8069ms linear infinite, slide 5000ms -8069ms linear infinite; } .star:nth-child(108) { top: calc(50%); left: calc(50%); transform: translate(16.5px, -25px) translateZ(-261px); } .star:nth-child(108) .slide { -webkit-animation: fade 5000ms -1978ms linear infinite, slide 5000ms -1978ms linear infinite; animation: fade 5000ms -1978ms linear infinite, slide 5000ms -1978ms linear infinite; } .star:nth-child(109) { top: calc(50%); left: calc(50%); transform: translate(203px, 74px) translateZ(-275px); } .star:nth-child(109) .slide { -webkit-animation: fade 5000ms -13925ms linear infinite, slide 5000ms -13925ms linear infinite; animation: fade 5000ms -13925ms linear infinite, slide 5000ms -13925ms linear infinite; } .star:nth-child(110) { top: calc(50%); left: calc(50%); transform: translate(-131.5px, -37.5px) translateZ(-377px); } .star:nth-child(110) .slide { -webkit-animation: fade 5000ms -15303ms linear infinite, slide 5000ms -15303ms linear infinite; animation: fade 5000ms -15303ms linear infinite, slide 5000ms -15303ms linear infinite; } .star:nth-child(111) { top: calc(50%); left: calc(50%); transform: translate(-145px, -88px) translateZ(-475px); } .star:nth-child(111) .slide { -webkit-animation: fade 5000ms -1046ms linear infinite, slide 5000ms -1046ms linear infinite; animation: fade 5000ms -1046ms linear infinite, slide 5000ms -1046ms linear infinite; } .star:nth-child(112) { top: calc(50%); left: calc(50%); transform: translate(153.5px, -56.5px) translateZ(-84px); } .star:nth-child(112) .slide { -webkit-animation: fade 5000ms -27215ms linear infinite, slide 5000ms -27215ms linear infinite; animation: fade 5000ms -27215ms linear infinite, slide 5000ms -27215ms linear infinite; } .star:nth-child(113) { top: calc(50%); left: calc(50%); transform: translate(-30px, 202.5px) translateZ(-161px); } .star:nth-child(113) .slide { -webkit-animation: fade 5000ms -21007ms linear infinite, slide 5000ms -21007ms linear infinite; animation: fade 5000ms -21007ms linear infinite, slide 5000ms -21007ms linear infinite; } .star:nth-child(114) { top: calc(50%); left: calc(50%); transform: translate(16.5px, 150.5px) translateZ(-107px); } .star:nth-child(114) .slide { -webkit-animation: fade 5000ms -23565ms linear infinite, slide 5000ms -23565ms linear infinite; animation: fade 5000ms -23565ms linear infinite, slide 5000ms -23565ms linear infinite; } .star:nth-child(115) { top: calc(50%); left: calc(50%); transform: translate(261.5px, 10px) translateZ(-98px); } .star:nth-child(115) .slide { -webkit-animation: fade 5000ms -33145ms linear infinite, slide 5000ms -33145ms linear infinite; animation: fade 5000ms -33145ms linear infinite, slide 5000ms -33145ms linear infinite; } .star:nth-child(116) { top: calc(50%); left: calc(50%); transform: translate(-1px, -94.5px) translateZ(-360px); } .star:nth-child(116) .slide { -webkit-animation: fade 5000ms -9988ms linear infinite, slide 5000ms -9988ms linear infinite; animation: fade 5000ms -9988ms linear infinite, slide 5000ms -9988ms linear infinite; } .star:nth-child(117) { top: calc(50%); left: calc(50%); transform: translate(108.5px, 32.5px) translateZ(-40px); } .star:nth-child(117) .slide { -webkit-animation: fade 5000ms -20148ms linear infinite, slide 5000ms -20148ms linear infinite; animation: fade 5000ms -20148ms linear infinite, slide 5000ms -20148ms linear infinite; } .star:nth-child(118) { top: calc(50%); left: calc(50%); transform: translate(160px, 248px) translateZ(-196px); } .star:nth-child(118) .slide { -webkit-animation: fade 5000ms -35274ms linear infinite, slide 5000ms -35274ms linear infinite; animation: fade 5000ms -35274ms linear infinite, slide 5000ms -35274ms linear infinite; } .star:nth-child(119) { top: calc(50%); left: calc(50%); transform: translate(-17.5px, -75px) translateZ(-61px); } .star:nth-child(119) .slide { -webkit-animation: fade 5000ms -14160ms linear infinite, slide 5000ms -14160ms linear infinite; animation: fade 5000ms -14160ms linear infinite, slide 5000ms -14160ms linear infinite; } .star:nth-child(120) { top: calc(50%); left: calc(50%); transform: translate(206px, -116px) translateZ(-222px); } .star:nth-child(120) .slide { -webkit-animation: fade 5000ms -9466ms linear infinite, slide 5000ms -9466ms linear infinite; animation: fade 5000ms -9466ms linear infinite, slide 5000ms -9466ms linear infinite; } .star:nth-child(121) { top: calc(50%); left: calc(50%); transform: translate(114px, -15.5px) translateZ(-472px); } .star:nth-child(121) .slide { -webkit-animation: fade 5000ms -27884ms linear infinite, slide 5000ms -27884ms linear infinite; animation: fade 5000ms -27884ms linear infinite, slide 5000ms -27884ms linear infinite; } .star:nth-child(122) { top: calc(50%); left: calc(50%); transform: translate(-49.5px, -1px) translateZ(-92px); } .star:nth-child(122) .slide { -webkit-animation: fade 5000ms -19253ms linear infinite, slide 5000ms -19253ms linear infinite; animation: fade 5000ms -19253ms linear infinite, slide 5000ms -19253ms linear infinite; } .star:nth-child(123) { top: calc(50%); left: calc(50%); transform: translate(-8px, 131px) translateZ(-446px); } .star:nth-child(123) .slide { -webkit-animation: fade 5000ms -10508ms linear infinite, slide 5000ms -10508ms linear infinite; animation: fade 5000ms -10508ms linear infinite, slide 5000ms -10508ms linear infinite; } .star:nth-child(124) { top: calc(50%); left: calc(50%); transform: translate(-36.5px, 191px) translateZ(-33px); } .star:nth-child(124) .slide { -webkit-animation: fade 5000ms -34212ms linear infinite, slide 5000ms -34212ms linear infinite; animation: fade 5000ms -34212ms linear infinite, slide 5000ms -34212ms linear infinite; } .star:nth-child(125) { top: calc(50%); left: calc(50%); transform: translate(-215.5px, -33.5px) translateZ(-134px); } .star:nth-child(125) .slide { -webkit-animation: fade 5000ms -17768ms linear infinite, slide 5000ms -17768ms linear infinite; animation: fade 5000ms -17768ms linear infinite, slide 5000ms -17768ms linear infinite; } .star:nth-child(126) { top: calc(50%); left: calc(50%); transform: translate(-196.5px, 208.5px) translateZ(-293px); } .star:nth-child(126) .slide { -webkit-animation: fade 5000ms -2176ms linear infinite, slide 5000ms -2176ms linear infinite; animation: fade 5000ms -2176ms linear infinite, slide 5000ms -2176ms linear infinite; } .star:nth-child(127) { top: calc(50%); left: calc(50%); transform: translate(194px, 121.5px) translateZ(-357px); } .star:nth-child(127) .slide { -webkit-animation: fade 5000ms -28376ms linear infinite, slide 5000ms -28376ms linear infinite; animation: fade 5000ms -28376ms linear infinite, slide 5000ms -28376ms linear infinite; } .star:nth-child(128) { top: calc(50%); left: calc(50%); transform: translate(28px, 15px) translateZ(-300px); } .star:nth-child(128) .slide { -webkit-animation: fade 5000ms -18242ms linear infinite, slide 5000ms -18242ms linear infinite; animation: fade 5000ms -18242ms linear infinite, slide 5000ms -18242ms linear infinite; } .star:nth-child(129) { top: calc(50%); left: calc(50%); transform: translate(32px, -48px) translateZ(-284px); } .star:nth-child(129) .slide { -webkit-animation: fade 5000ms -23333ms linear infinite, slide 5000ms -23333ms linear infinite; animation: fade 5000ms -23333ms linear infinite, slide 5000ms -23333ms linear infinite; } .star:nth-child(130) { top: calc(50%); left: calc(50%); transform: translate(82.5px, -65px) translateZ(-469px); } .star:nth-child(130) .slide { -webkit-animation: fade 5000ms -27762ms linear infinite, slide 5000ms -27762ms linear infinite; animation: fade 5000ms -27762ms linear infinite, slide 5000ms -27762ms linear infinite; } .star:nth-child(131) { top: calc(50%); left: calc(50%); transform: translate(17.5px, -58.5px) translateZ(-353px); } .star:nth-child(131) .slide { -webkit-animation: fade 5000ms -10031ms linear infinite, slide 5000ms -10031ms linear infinite; animation: fade 5000ms -10031ms linear infinite, slide 5000ms -10031ms linear infinite; } .star:nth-child(132) { top: calc(50%); left: calc(50%); transform: translate(74px, -140.5px) translateZ(-196px); } .star:nth-child(132) .slide { -webkit-animation: fade 5000ms -19927ms linear infinite, slide 5000ms -19927ms linear infinite; animation: fade 5000ms -19927ms linear infinite, slide 5000ms -19927ms linear infinite; } .star:nth-child(133) { top: calc(50%); left: calc(50%); transform: translate(-18px, 15px) translateZ(-398px); } .star:nth-child(133) .slide { -webkit-animation: fade 5000ms -25044ms linear infinite, slide 5000ms -25044ms linear infinite; animation: fade 5000ms -25044ms linear infinite, slide 5000ms -25044ms linear infinite; } .star:nth-child(134) { top: calc(50%); left: calc(50%); transform: translate(146.5px, 124.5px) translateZ(-77px); } .star:nth-child(134) .slide { -webkit-animation: fade 5000ms -29202ms linear infinite, slide 5000ms -29202ms linear infinite; animation: fade 5000ms -29202ms linear infinite, slide 5000ms -29202ms linear infinite; } .star:nth-child(135) { top: calc(50%); left: calc(50%); transform: translate(-268.5px, 200px) translateZ(-413px); } .star:nth-child(135) .slide { -webkit-animation: fade 5000ms -26785ms linear infinite, slide 5000ms -26785ms linear infinite; animation: fade 5000ms -26785ms linear infinite, slide 5000ms -26785ms linear infinite; } .star:nth-child(136) { top: calc(50%); left: calc(50%); transform: translate(-242.5px, -244.5px) translateZ(-73px); } .star:nth-child(136) .slide { -webkit-animation: fade 5000ms -10464ms linear infinite, slide 5000ms -10464ms linear infinite; animation: fade 5000ms -10464ms linear infinite, slide 5000ms -10464ms linear infinite; } .star:nth-child(137) { top: calc(50%); left: calc(50%); transform: translate(167.5px, -40.5px) translateZ(-197px); } .star:nth-child(137) .slide { -webkit-animation: fade 5000ms -12593ms linear infinite, slide 5000ms -12593ms linear infinite; animation: fade 5000ms -12593ms linear infinite, slide 5000ms -12593ms linear infinite; } .star:nth-child(138) { top: calc(50%); left: calc(50%); transform: translate(131px, 142.5px) translateZ(-461px); } .star:nth-child(138) .slide { -webkit-animation: fade 5000ms -19752ms linear infinite, slide 5000ms -19752ms linear infinite; animation: fade 5000ms -19752ms linear infinite, slide 5000ms -19752ms linear infinite; } .star:nth-child(139) { top: calc(50%); left: calc(50%); transform: translate(64.5px, 16px) translateZ(-391px); } .star:nth-child(139) .slide { -webkit-animation: fade 5000ms -17170ms linear infinite, slide 5000ms -17170ms linear infinite; animation: fade 5000ms -17170ms linear infinite, slide 5000ms -17170ms linear infinite; } .star:nth-child(140) { top: calc(50%); left: calc(50%); transform: translate(-223px, 152.5px) translateZ(-415px); } .star:nth-child(140) .slide { -webkit-animation: fade 5000ms -23584ms linear infinite, slide 5000ms -23584ms linear infinite; animation: fade 5000ms -23584ms linear infinite, slide 5000ms -23584ms linear infinite; } .star:nth-child(141) { top: calc(50%); left: calc(50%); transform: translate(-63px, -79px) translateZ(-293px); } .star:nth-child(141) .slide { -webkit-animation: fade 5000ms -20707ms linear infinite, slide 5000ms -20707ms linear infinite; animation: fade 5000ms -20707ms linear infinite, slide 5000ms -20707ms linear infinite; } .star:nth-child(142) { top: calc(50%); left: calc(50%); transform: translate(40.5px, -226.5px) translateZ(-490px); } .star:nth-child(142) .slide { -webkit-animation: fade 5000ms -2307ms linear infinite, slide 5000ms -2307ms linear infinite; animation: fade 5000ms -2307ms linear infinite, slide 5000ms -2307ms linear infinite; } .star:nth-child(143) { top: calc(50%); left: calc(50%); transform: translate(-173.5px, 92px) translateZ(-370px); } .star:nth-child(143) .slide { -webkit-animation: fade 5000ms -19548ms linear infinite, slide 5000ms -19548ms linear infinite; animation: fade 5000ms -19548ms linear infinite, slide 5000ms -19548ms linear infinite; } .star:nth-child(144) { top: calc(50%); left: calc(50%); transform: translate(73px, -110.5px) translateZ(-256px); } .star:nth-child(144) .slide { -webkit-animation: fade 5000ms -12214ms linear infinite, slide 5000ms -12214ms linear infinite; animation: fade 5000ms -12214ms linear infinite, slide 5000ms -12214ms linear infinite; } .star:nth-child(145) { top: calc(50%); left: calc(50%); transform: translate(89px, -80px) translateZ(-151px); } .star:nth-child(145) .slide { -webkit-animation: fade 5000ms -1269ms linear infinite, slide 5000ms -1269ms linear infinite; animation: fade 5000ms -1269ms linear infinite, slide 5000ms -1269ms linear infinite; } .star:nth-child(146) { top: calc(50%); left: calc(50%); transform: translate(66px, -114px) translateZ(-217px); } .star:nth-child(146) .slide { -webkit-animation: fade 5000ms -4773ms linear infinite, slide 5000ms -4773ms linear infinite; animation: fade 5000ms -4773ms linear infinite, slide 5000ms -4773ms linear infinite; } .star:nth-child(147) { top: calc(50%); left: calc(50%); transform: translate(7.5px, -226.5px) translateZ(-84px); } .star:nth-child(147) .slide { -webkit-animation: fade 5000ms -4284ms linear infinite, slide 5000ms -4284ms linear infinite; animation: fade 5000ms -4284ms linear infinite, slide 5000ms -4284ms linear infinite; } .star:nth-child(148) { top: calc(50%); left: calc(50%); transform: translate(214px, 100px) translateZ(-85px); } .star:nth-child(148) .slide { -webkit-animation: fade 5000ms -1812ms linear infinite, slide 5000ms -1812ms linear infinite; animation: fade 5000ms -1812ms linear infinite, slide 5000ms -1812ms linear infinite; } .star:nth-child(149) { top: calc(50%); left: calc(50%); transform: translate(186px, -147.5px) translateZ(-60px); } .star:nth-child(149) .slide { -webkit-animation: fade 5000ms -31517ms linear infinite, slide 5000ms -31517ms linear infinite; animation: fade 5000ms -31517ms linear infinite, slide 5000ms -31517ms linear infinite; } .star:nth-child(150) { top: calc(50%); left: calc(50%); transform: translate(26.5px, 143.5px) translateZ(-35px); } .star:nth-child(150) .slide { -webkit-animation: fade 5000ms -26182ms linear infinite, slide 5000ms -26182ms linear infinite; animation: fade 5000ms -26182ms linear infinite, slide 5000ms -26182ms linear infinite; } .star:nth-child(151) { top: calc(50%); left: calc(50%); transform: translate(27.5px, 247.5px) translateZ(-469px); } .star:nth-child(151) .slide { -webkit-animation: fade 5000ms -32896ms linear infinite, slide 5000ms -32896ms linear infinite; animation: fade 5000ms -32896ms linear infinite, slide 5000ms -32896ms linear infinite; } .star:nth-child(152) { top: calc(50%); left: calc(50%); transform: translate(-50.5px, -28px) translateZ(-310px); } .star:nth-child(152) .slide { -webkit-animation: fade 5000ms -33622ms linear infinite, slide 5000ms -33622ms linear infinite; animation: fade 5000ms -33622ms linear infinite, slide 5000ms -33622ms linear infinite; } .star:nth-child(153) { top: calc(50%); left: calc(50%); transform: translate(-3.5px, -19.5px) translateZ(-225px); } .star:nth-child(153) .slide { -webkit-animation: fade 5000ms -36381ms linear infinite, slide 5000ms -36381ms linear infinite; animation: fade 5000ms -36381ms linear infinite, slide 5000ms -36381ms linear infinite; } .star:nth-child(154) { top: calc(50%); left: calc(50%); transform: translate(131px, -124px) translateZ(-112px); } .star:nth-child(154) .slide { -webkit-animation: fade 5000ms -18554ms linear infinite, slide 5000ms -18554ms linear infinite; animation: fade 5000ms -18554ms linear infinite, slide 5000ms -18554ms linear infinite; } .star:nth-child(155) { top: calc(50%); left: calc(50%); transform: translate(-219px, -112px) translateZ(-329px); } .star:nth-child(155) .slide { -webkit-animation: fade 5000ms -7783ms linear infinite, slide 5000ms -7783ms linear infinite; animation: fade 5000ms -7783ms linear infinite, slide 5000ms -7783ms linear infinite; } .star:nth-child(156) { top: calc(50%); left: calc(50%); transform: translate(9.5px, 229px) translateZ(-130px); } .star:nth-child(156) .slide { -webkit-animation: fade 5000ms -975ms linear infinite, slide 5000ms -975ms linear infinite; animation: fade 5000ms -975ms linear infinite, slide 5000ms -975ms linear infinite; } .star:nth-child(157) { top: calc(50%); left: calc(50%); transform: translate(182.5px, -159.5px) translateZ(-146px); } .star:nth-child(157) .slide { -webkit-animation: fade 5000ms -13715ms linear infinite, slide 5000ms -13715ms linear infinite; animation: fade 5000ms -13715ms linear infinite, slide 5000ms -13715ms linear infinite; } .star:nth-child(158) { top: calc(50%); left: calc(50%); transform: translate(-192px, 178.5px) translateZ(-296px); } .star:nth-child(158) .slide { -webkit-animation: fade 5000ms -38151ms linear infinite, slide 5000ms -38151ms linear infinite; animation: fade 5000ms -38151ms linear infinite, slide 5000ms -38151ms linear infinite; } .star:nth-child(159) { top: calc(50%); left: calc(50%); transform: translate(-90px, 55.5px) translateZ(-171px); } .star:nth-child(159) .slide { -webkit-animation: fade 5000ms -9514ms linear infinite, slide 5000ms -9514ms linear infinite; animation: fade 5000ms -9514ms linear infinite, slide 5000ms -9514ms linear infinite; } .star:nth-child(160) { top: calc(50%); left: calc(50%); transform: translate(73.5px, 113px) translateZ(-452px); } .star:nth-child(160) .slide { -webkit-animation: fade 5000ms -35709ms linear infinite, slide 5000ms -35709ms linear infinite; animation: fade 5000ms -35709ms linear infinite, slide 5000ms -35709ms linear infinite; } .star:nth-child(161) { top: calc(50%); left: calc(50%); transform: translate(138px, -198px) translateZ(-186px); } .star:nth-child(161) .slide { -webkit-animation: fade 5000ms -9464ms linear infinite, slide 5000ms -9464ms linear infinite; animation: fade 5000ms -9464ms linear infinite, slide 5000ms -9464ms linear infinite; } .star:nth-child(162) { top: calc(50%); left: calc(50%); transform: translate(-59px, 64.5px) translateZ(-210px); } .star:nth-child(162) .slide { -webkit-animation: fade 5000ms -12780ms linear infinite, slide 5000ms -12780ms linear infinite; animation: fade 5000ms -12780ms linear infinite, slide 5000ms -12780ms linear infinite; } .star:nth-child(163) { top: calc(50%); left: calc(50%); transform: translate(-78.5px, 19px) translateZ(-235px); } .star:nth-child(163) .slide { -webkit-animation: fade 5000ms -38361ms linear infinite, slide 5000ms -38361ms linear infinite; animation: fade 5000ms -38361ms linear infinite, slide 5000ms -38361ms linear infinite; } .star:nth-child(164) { top: calc(50%); left: calc(50%); transform: translate(-10.5px, -53.5px) translateZ(-304px); } .star:nth-child(164) .slide { -webkit-animation: fade 5000ms -8000ms linear infinite, slide 5000ms -8000ms linear infinite; animation: fade 5000ms -8000ms linear infinite, slide 5000ms -8000ms linear infinite; } .star:nth-child(165) { top: calc(50%); left: calc(50%); transform: translate(165px, 81.5px) translateZ(-62px); } .star:nth-child(165) .slide { -webkit-animation: fade 5000ms -7470ms linear infinite, slide 5000ms -7470ms linear infinite; animation: fade 5000ms -7470ms linear infinite, slide 5000ms -7470ms linear infinite; } .star:nth-child(166) { top: calc(50%); left: calc(50%); transform: translate(-40px, 30px) translateZ(-319px); } .star:nth-child(166) .slide { -webkit-animation: fade 5000ms -12231ms linear infinite, slide 5000ms -12231ms linear infinite; animation: fade 5000ms -12231ms linear infinite, slide 5000ms -12231ms linear infinite; } .star:nth-child(167) { top: calc(50%); left: calc(50%); transform: translate(186px, 57px) translateZ(-295px); } .star:nth-child(167) .slide { -webkit-animation: fade 5000ms -8912ms linear infinite, slide 5000ms -8912ms linear infinite; animation: fade 5000ms -8912ms linear infinite, slide 5000ms -8912ms linear infinite; } .star:nth-child(168) { top: calc(50%); left: calc(50%); transform: translate(-53px, 4.5px) translateZ(-145px); } .star:nth-child(168) .slide { -webkit-animation: fade 5000ms -37553ms linear infinite, slide 5000ms -37553ms linear infinite; animation: fade 5000ms -37553ms linear infinite, slide 5000ms -37553ms linear infinite; } .star:nth-child(169) { top: calc(50%); left: calc(50%); transform: translate(-155.5px, 131.5px) translateZ(-168px); } .star:nth-child(169) .slide { -webkit-animation: fade 5000ms -8024ms linear infinite, slide 5000ms -8024ms linear infinite; animation: fade 5000ms -8024ms linear infinite, slide 5000ms -8024ms linear infinite; } .star:nth-child(170) { top: calc(50%); left: calc(50%); transform: translate(-135.5px, -95.5px) translateZ(-332px); } .star:nth-child(170) .slide { -webkit-animation: fade 5000ms -30009ms linear infinite, slide 5000ms -30009ms linear infinite; animation: fade 5000ms -30009ms linear infinite, slide 5000ms -30009ms linear infinite; } .star:nth-child(171) { top: calc(50%); left: calc(50%); transform: translate(-35.5px, -5.5px) translateZ(-421px); } .star:nth-child(171) .slide { -webkit-animation: fade 5000ms -15690ms linear infinite, slide 5000ms -15690ms linear infinite; animation: fade 5000ms -15690ms linear infinite, slide 5000ms -15690ms linear infinite; } .star:nth-child(172) { top: calc(50%); left: calc(50%); transform: translate(73px, 48.5px) translateZ(-152px); } .star:nth-child(172) .slide { -webkit-animation: fade 5000ms -6993ms linear infinite, slide 5000ms -6993ms linear infinite; animation: fade 5000ms -6993ms linear infinite, slide 5000ms -6993ms linear infinite; } .star:nth-child(173) { top: calc(50%); left: calc(50%); transform: translate(-96.5px, 180px) translateZ(-2px); } .star:nth-child(173) .slide { -webkit-animation: fade 5000ms -11816ms linear infinite, slide 5000ms -11816ms linear infinite; animation: fade 5000ms -11816ms linear infinite, slide 5000ms -11816ms linear infinite; } .star:nth-child(174) { top: calc(50%); left: calc(50%); transform: translate(-119.5px, -131px) translateZ(-189px); } .star:nth-child(174) .slide { -webkit-animation: fade 5000ms -30699ms linear infinite, slide 5000ms -30699ms linear infinite; animation: fade 5000ms -30699ms linear infinite, slide 5000ms -30699ms linear infinite; } .star:nth-child(175) { top: calc(50%); left: calc(50%); transform: translate(81.5px, 21px) translateZ(-316px); } .star:nth-child(175) .slide { -webkit-animation: fade 5000ms -3257ms linear infinite, slide 5000ms -3257ms linear infinite; animation: fade 5000ms -3257ms linear infinite, slide 5000ms -3257ms linear infinite; } .star:nth-child(176) { top: calc(50%); left: calc(50%); transform: translate(-119px, 63px) translateZ(-80px); } .star:nth-child(176) .slide { -webkit-animation: fade 5000ms -8950ms linear infinite, slide 5000ms -8950ms linear infinite; animation: fade 5000ms -8950ms linear infinite, slide 5000ms -8950ms linear infinite; } .star:nth-child(177) { top: calc(50%); left: calc(50%); transform: translate(47.5px, 19.5px) translateZ(-273px); } .star:nth-child(177) .slide { -webkit-animation: fade 5000ms -4689ms linear infinite, slide 5000ms -4689ms linear infinite; animation: fade 5000ms -4689ms linear infinite, slide 5000ms -4689ms linear infinite; } .star:nth-child(178) { top: calc(50%); left: calc(50%); transform: translate(-120px, -44.5px) translateZ(-320px); } .star:nth-child(178) .slide { -webkit-animation: fade 5000ms -10841ms linear infinite, slide 5000ms -10841ms linear infinite; animation: fade 5000ms -10841ms linear infinite, slide 5000ms -10841ms linear infinite; } .star:nth-child(179) { top: calc(50%); left: calc(50%); transform: translate(51px, 94px) translateZ(-425px); } .star:nth-child(179) .slide { -webkit-animation: fade 5000ms -27935ms linear infinite, slide 5000ms -27935ms linear infinite; animation: fade 5000ms -27935ms linear infinite, slide 5000ms -27935ms linear infinite; } .star:nth-child(180) { top: calc(50%); left: calc(50%); transform: translate(-135.5px, 179px) translateZ(-464px); } .star:nth-child(180) .slide { -webkit-animation: fade 5000ms -20768ms linear infinite, slide 5000ms -20768ms linear infinite; animation: fade 5000ms -20768ms linear infinite, slide 5000ms -20768ms linear infinite; } .star:nth-child(181) { top: calc(50%); left: calc(50%); transform: translate(-87.5px, 17px) translateZ(-268px); } .star:nth-child(181) .slide { -webkit-animation: fade 5000ms -34457ms linear infinite, slide 5000ms -34457ms linear infinite; animation: fade 5000ms -34457ms linear infinite, slide 5000ms -34457ms linear infinite; } .star:nth-child(182) { top: calc(50%); left: calc(50%); transform: translate(207px, -82.5px) translateZ(-115px); } .star:nth-child(182) .slide { -webkit-animation: fade 5000ms -516ms linear infinite, slide 5000ms -516ms linear infinite; animation: fade 5000ms -516ms linear infinite, slide 5000ms -516ms linear infinite; } .star:nth-child(183) { top: calc(50%); left: calc(50%); transform: translate(119.5px, 141.5px) translateZ(-180px); } .star:nth-child(183) .slide { -webkit-animation: fade 5000ms -11311ms linear infinite, slide 5000ms -11311ms linear infinite; animation: fade 5000ms -11311ms linear infinite, slide 5000ms -11311ms linear infinite; } .star:nth-child(184) { top: calc(50%); left: calc(50%); transform: translate(65px, -73.5px) translateZ(-37px); } .star:nth-child(184) .slide { -webkit-animation: fade 5000ms -6075ms linear infinite, slide 5000ms -6075ms linear infinite; animation: fade 5000ms -6075ms linear infinite, slide 5000ms -6075ms linear infinite; } .star:nth-child(185) { top: calc(50%); left: calc(50%); transform: translate(57px, 134.5px) translateZ(-247px); } .star:nth-child(185) .slide { -webkit-animation: fade 5000ms -21959ms linear infinite, slide 5000ms -21959ms linear infinite; animation: fade 5000ms -21959ms linear infinite, slide 5000ms -21959ms linear infinite; } .star:nth-child(186) { top: calc(50%); left: calc(50%); transform: translate(-54.5px, 35px) translateZ(-176px); } .star:nth-child(186) .slide { -webkit-animation: fade 5000ms -11237ms linear infinite, slide 5000ms -11237ms linear infinite; animation: fade 5000ms -11237ms linear infinite, slide 5000ms -11237ms linear infinite; } .star:nth-child(187) { top: calc(50%); left: calc(50%); transform: translate(-155.5px, -23px) translateZ(-162px); } .star:nth-child(187) .slide { -webkit-animation: fade 5000ms -29788ms linear infinite, slide 5000ms -29788ms linear infinite; animation: fade 5000ms -29788ms linear infinite, slide 5000ms -29788ms linear infinite; } .star:nth-child(188) { top: calc(50%); left: calc(50%); transform: translate(24px, 201.5px) translateZ(-335px); } .star:nth-child(188) .slide { -webkit-animation: fade 5000ms -39208ms linear infinite, slide 5000ms -39208ms linear infinite; animation: fade 5000ms -39208ms linear infinite, slide 5000ms -39208ms linear infinite; } .star:nth-child(189) { top: calc(50%); left: calc(50%); transform: translate(192.5px, 18.5px) translateZ(-150px); } .star:nth-child(189) .slide { -webkit-animation: fade 5000ms -7527ms linear infinite, slide 5000ms -7527ms linear infinite; animation: fade 5000ms -7527ms linear infinite, slide 5000ms -7527ms linear infinite; } .star:nth-child(190) { top: calc(50%); left: calc(50%); transform: translate(-179.5px, 37px) translateZ(-476px); } .star:nth-child(190) .slide { -webkit-animation: fade 5000ms -19892ms linear infinite, slide 5000ms -19892ms linear infinite; animation: fade 5000ms -19892ms linear infinite, slide 5000ms -19892ms linear infinite; } .star:nth-child(191) { top: calc(50%); left: calc(50%); transform: translate(73.5px, 145.5px) translateZ(-443px); } .star:nth-child(191) .slide { -webkit-animation: fade 5000ms -34540ms linear infinite, slide 5000ms -34540ms linear infinite; animation: fade 5000ms -34540ms linear infinite, slide 5000ms -34540ms linear infinite; } .star:nth-child(192) { top: calc(50%); left: calc(50%); transform: translate(-110px, 54.5px) translateZ(-437px); } .star:nth-child(192) .slide { -webkit-animation: fade 5000ms -5841ms linear infinite, slide 5000ms -5841ms linear infinite; animation: fade 5000ms -5841ms linear infinite, slide 5000ms -5841ms linear infinite; } .star:nth-child(193) { top: calc(50%); left: calc(50%); transform: translate(-129px, 3.5px) translateZ(-42px); } .star:nth-child(193) .slide { -webkit-animation: fade 5000ms -36580ms linear infinite, slide 5000ms -36580ms linear infinite; animation: fade 5000ms -36580ms linear infinite, slide 5000ms -36580ms linear infinite; } .star:nth-child(194) { top: calc(50%); left: calc(50%); transform: translate(116px, -208px) translateZ(-494px); } .star:nth-child(194) .slide { -webkit-animation: fade 5000ms -35306ms linear infinite, slide 5000ms -35306ms linear infinite; animation: fade 5000ms -35306ms linear infinite, slide 5000ms -35306ms linear infinite; } .star:nth-child(195) { top: calc(50%); left: calc(50%); transform: translate(-187.5px, 186px) translateZ(-336px); } .star:nth-child(195) .slide { -webkit-animation: fade 5000ms -19111ms linear infinite, slide 5000ms -19111ms linear infinite; animation: fade 5000ms -19111ms linear infinite, slide 5000ms -19111ms linear infinite; } .star:nth-child(196) { top: calc(50%); left: calc(50%); transform: translate(192.5px, -28.5px) translateZ(-4px); } .star:nth-child(196) .slide { -webkit-animation: fade 5000ms -25857ms linear infinite, slide 5000ms -25857ms linear infinite; animation: fade 5000ms -25857ms linear infinite, slide 5000ms -25857ms linear infinite; } .star:nth-child(197) { top: calc(50%); left: calc(50%); transform: translate(89px, 80px) translateZ(-460px); } .star:nth-child(197) .slide { -webkit-animation: fade 5000ms -168ms linear infinite, slide 5000ms -168ms linear infinite; animation: fade 5000ms -168ms linear infinite, slide 5000ms -168ms linear infinite; } .star:nth-child(198) { top: calc(50%); left: calc(50%); transform: translate(120.5px, -53.5px) translateZ(-137px); } .star:nth-child(198) .slide { -webkit-animation: fade 5000ms -12057ms linear infinite, slide 5000ms -12057ms linear infinite; animation: fade 5000ms -12057ms linear infinite, slide 5000ms -12057ms linear infinite; } .star:nth-child(199) { top: calc(50%); left: calc(50%); transform: translate(80px, -29px) translateZ(-193px); } .star:nth-child(199) .slide { -webkit-animation: fade 5000ms -24459ms linear infinite, slide 5000ms -24459ms linear infinite; animation: fade 5000ms -24459ms linear infinite, slide 5000ms -24459ms linear infinite; } .star:nth-child(200) { top: calc(50%); left: calc(50%); transform: translate(177.5px, 93.5px) translateZ(-496px); } .star:nth-child(200) .slide { -webkit-animation: fade 5000ms -35116ms linear infinite, slide 5000ms -35116ms linear infinite; animation: fade 5000ms -35116ms linear infinite, slide 5000ms -35116ms linear infinite; } .star:nth-child(201) { top: calc(50%); left: calc(50%); transform: translate(167.5px, -90px) translateZ(-444px); } .star:nth-child(201) .slide { -webkit-animation: fade 5000ms -22557ms linear infinite, slide 5000ms -22557ms linear infinite; animation: fade 5000ms -22557ms linear infinite, slide 5000ms -22557ms linear infinite; } .star:nth-child(202) { top: calc(50%); left: calc(50%); transform: translate(-154.5px, -237.5px) translateZ(-194px); } .star:nth-child(202) .slide { -webkit-animation: fade 5000ms -18377ms linear infinite, slide 5000ms -18377ms linear infinite; animation: fade 5000ms -18377ms linear infinite, slide 5000ms -18377ms linear infinite; } .star:nth-child(203) { top: calc(50%); left: calc(50%); transform: translate(64px, 64px) translateZ(-375px); } .star:nth-child(203) .slide { -webkit-animation: fade 5000ms -13150ms linear infinite, slide 5000ms -13150ms linear infinite; animation: fade 5000ms -13150ms linear infinite, slide 5000ms -13150ms linear infinite; } .star:nth-child(204) { top: calc(50%); left: calc(50%); transform: translate(-170px, 151.5px) translateZ(-408px); } .star:nth-child(204) .slide { -webkit-animation: fade 5000ms -13345ms linear infinite, slide 5000ms -13345ms linear infinite; animation: fade 5000ms -13345ms linear infinite, slide 5000ms -13345ms linear infinite; } .star:nth-child(205) { top: calc(50%); left: calc(50%); transform: translate(63px, -66px) translateZ(-262px); } .star:nth-child(205) .slide { -webkit-animation: fade 5000ms -29693ms linear infinite, slide 5000ms -29693ms linear infinite; animation: fade 5000ms -29693ms linear infinite, slide 5000ms -29693ms linear infinite; } .star:nth-child(206) { top: calc(50%); left: calc(50%); transform: translate(-95.5px, 98px) translateZ(-286px); } .star:nth-child(206) .slide { -webkit-animation: fade 5000ms -3516ms linear infinite, slide 5000ms -3516ms linear infinite; animation: fade 5000ms -3516ms linear infinite, slide 5000ms -3516ms linear infinite; } .star:nth-child(207) { top: calc(50%); left: calc(50%); transform: translate(80px, -20.5px) translateZ(-474px); } .star:nth-child(207) .slide { -webkit-animation: fade 5000ms -15237ms linear infinite, slide 5000ms -15237ms linear infinite; animation: fade 5000ms -15237ms linear infinite, slide 5000ms -15237ms linear infinite; } .star:nth-child(208) { top: calc(50%); left: calc(50%); transform: translate(77px, 73px) translateZ(-386px); } .star:nth-child(208) .slide { -webkit-animation: fade 5000ms -33152ms linear infinite, slide 5000ms -33152ms linear infinite; animation: fade 5000ms -33152ms linear infinite, slide 5000ms -33152ms linear infinite; } .star:nth-child(209) { top: calc(50%); left: calc(50%); transform: translate(18px, -22px) translateZ(-228px); } .star:nth-child(209) .slide { -webkit-animation: fade 5000ms -20831ms linear infinite, slide 5000ms -20831ms linear infinite; animation: fade 5000ms -20831ms linear infinite, slide 5000ms -20831ms linear infinite; } .star:nth-child(210) { top: calc(50%); left: calc(50%); transform: translate(49px, 242px) translateZ(-102px); } .star:nth-child(210) .slide { -webkit-animation: fade 5000ms -18051ms linear infinite, slide 5000ms -18051ms linear infinite; animation: fade 5000ms -18051ms linear infinite, slide 5000ms -18051ms linear infinite; } .star:nth-child(211) { top: calc(50%); left: calc(50%); transform: translate(7.5px, 26.5px) translateZ(-234px); } .star:nth-child(211) .slide { -webkit-animation: fade 5000ms -22682ms linear infinite, slide 5000ms -22682ms linear infinite; animation: fade 5000ms -22682ms linear infinite, slide 5000ms -22682ms linear infinite; } .star:nth-child(212) { top: calc(50%); left: calc(50%); transform: translate(171px, -61.5px) translateZ(-213px); } .star:nth-child(212) .slide { -webkit-animation: fade 5000ms -25660ms linear infinite, slide 5000ms -25660ms linear infinite; animation: fade 5000ms -25660ms linear infinite, slide 5000ms -25660ms linear infinite; } .star:nth-child(213) { top: calc(50%); left: calc(50%); transform: translate(114px, 2px) translateZ(-343px); } .star:nth-child(213) .slide { -webkit-animation: fade 5000ms -22929ms linear infinite, slide 5000ms -22929ms linear infinite; animation: fade 5000ms -22929ms linear infinite, slide 5000ms -22929ms linear infinite; } .star:nth-child(214) { top: calc(50%); left: calc(50%); transform: translate(71px, -119.5px) translateZ(-493px); } .star:nth-child(214) .slide { -webkit-animation: fade 5000ms -27707ms linear infinite, slide 5000ms -27707ms linear infinite; animation: fade 5000ms -27707ms linear infinite, slide 5000ms -27707ms linear infinite; } .star:nth-child(215) { top: calc(50%); left: calc(50%); transform: translate(50.5px, 116.5px) translateZ(-283px); } .star:nth-child(215) .slide { -webkit-animation: fade 5000ms -33525ms linear infinite, slide 5000ms -33525ms linear infinite; animation: fade 5000ms -33525ms linear infinite, slide 5000ms -33525ms linear infinite; } .star:nth-child(216) { top: calc(50%); left: calc(50%); transform: translate(-142px, 20px) translateZ(-471px); } .star:nth-child(216) .slide { -webkit-animation: fade 5000ms -12294ms linear infinite, slide 5000ms -12294ms linear infinite; animation: fade 5000ms -12294ms linear infinite, slide 5000ms -12294ms linear infinite; } .star:nth-child(217) { top: calc(50%); left: calc(50%); transform: translate(-135.5px, 226.5px) translateZ(-465px); } .star:nth-child(217) .slide { -webkit-animation: fade 5000ms -36681ms linear infinite, slide 5000ms -36681ms linear infinite; animation: fade 5000ms -36681ms linear infinite, slide 5000ms -36681ms linear infinite; } .star:nth-child(218) { top: calc(50%); left: calc(50%); transform: translate(-99px, 290.5px) translateZ(-487px); } .star:nth-child(218) .slide { -webkit-animation: fade 5000ms -38877ms linear infinite, slide 5000ms -38877ms linear infinite; animation: fade 5000ms -38877ms linear infinite, slide 5000ms -38877ms linear infinite; } .star:nth-child(219) { top: calc(50%); left: calc(50%); transform: translate(77px, -47px) translateZ(-13px); } .star:nth-child(219) .slide { -webkit-animation: fade 5000ms -2970ms linear infinite, slide 5000ms -2970ms linear infinite; animation: fade 5000ms -2970ms linear infinite, slide 5000ms -2970ms linear infinite; } .star:nth-child(220) { top: calc(50%); left: calc(50%); transform: translate(-141px, 158.5px) translateZ(-249px); } .star:nth-child(220) .slide { -webkit-animation: fade 5000ms -27637ms linear infinite, slide 5000ms -27637ms linear infinite; animation: fade 5000ms -27637ms linear infinite, slide 5000ms -27637ms linear infinite; } .star:nth-child(221) { top: calc(50%); left: calc(50%); transform: translate(-35px, -211.5px) translateZ(-58px); } .star:nth-child(221) .slide { -webkit-animation: fade 5000ms -15250ms linear infinite, slide 5000ms -15250ms linear infinite; animation: fade 5000ms -15250ms linear infinite, slide 5000ms -15250ms linear infinite; } .star:nth-child(222) { top: calc(50%); left: calc(50%); transform: translate(-21px, 55px) translateZ(-434px); } .star:nth-child(222) .slide { -webkit-animation: fade 5000ms -8709ms linear infinite, slide 5000ms -8709ms linear infinite; animation: fade 5000ms -8709ms linear infinite, slide 5000ms -8709ms linear infinite; } .star:nth-child(223) { top: calc(50%); left: calc(50%); transform: translate(-35.5px, -31px) translateZ(-312px); } .star:nth-child(223) .slide { -webkit-animation: fade 5000ms -1397ms linear infinite, slide 5000ms -1397ms linear infinite; animation: fade 5000ms -1397ms linear infinite, slide 5000ms -1397ms linear infinite; } .star:nth-child(224) { top: calc(50%); left: calc(50%); transform: translate(43.5px, 169px) translateZ(-377px); } .star:nth-child(224) .slide { -webkit-animation: fade 5000ms -21101ms linear infinite, slide 5000ms -21101ms linear infinite; animation: fade 5000ms -21101ms linear infinite, slide 5000ms -21101ms linear infinite; } .star:nth-child(225) { top: calc(50%); left: calc(50%); transform: translate(-243.5px, -39.5px) translateZ(-126px); } .star:nth-child(225) .slide { -webkit-animation: fade 5000ms -23379ms linear infinite, slide 5000ms -23379ms linear infinite; animation: fade 5000ms -23379ms linear infinite, slide 5000ms -23379ms linear infinite; } .star:nth-child(226) { top: calc(50%); left: calc(50%); transform: translate(-81.5px, 259px) translateZ(-30px); } .star:nth-child(226) .slide { -webkit-animation: fade 5000ms -17729ms linear infinite, slide 5000ms -17729ms linear infinite; animation: fade 5000ms -17729ms linear infinite, slide 5000ms -17729ms linear infinite; } .star:nth-child(227) { top: calc(50%); left: calc(50%); transform: translate(-192.5px, 139.5px) translateZ(-315px); } .star:nth-child(227) .slide { -webkit-animation: fade 5000ms -37914ms linear infinite, slide 5000ms -37914ms linear infinite; animation: fade 5000ms -37914ms linear infinite, slide 5000ms -37914ms linear infinite; } .star:nth-child(228) { top: calc(50%); left: calc(50%); transform: translate(-22px, -246.5px) translateZ(-124px); } .star:nth-child(228) .slide { -webkit-animation: fade 5000ms -36474ms linear infinite, slide 5000ms -36474ms linear infinite; animation: fade 5000ms -36474ms linear infinite, slide 5000ms -36474ms linear infinite; } .star:nth-child(229) { top: calc(50%); left: calc(50%); transform: translate(71px, 22px) translateZ(-438px); } .star:nth-child(229) .slide { -webkit-animation: fade 5000ms -32567ms linear infinite, slide 5000ms -32567ms linear infinite; animation: fade 5000ms -32567ms linear infinite, slide 5000ms -32567ms linear infinite; } .star:nth-child(230) { top: calc(50%); left: calc(50%); transform: translate(159px, -84px) translateZ(-371px); } .star:nth-child(230) .slide { -webkit-animation: fade 5000ms -6057ms linear infinite, slide 5000ms -6057ms linear infinite; animation: fade 5000ms -6057ms linear infinite, slide 5000ms -6057ms linear infinite; } .star:nth-child(231) { top: calc(50%); left: calc(50%); transform: translate(238px, 9.5px) translateZ(-427px); } .star:nth-child(231) .slide { -webkit-animation: fade 5000ms -26052ms linear infinite, slide 5000ms -26052ms linear infinite; animation: fade 5000ms -26052ms linear infinite, slide 5000ms -26052ms linear infinite; } .star:nth-child(232) { top: calc(50%); left: calc(50%); transform: translate(-22.5px, 8.5px) translateZ(-483px); } .star:nth-child(232) .slide { -webkit-animation: fade 5000ms -28897ms linear infinite, slide 5000ms -28897ms linear infinite; animation: fade 5000ms -28897ms linear infinite, slide 5000ms -28897ms linear infinite; } .star:nth-child(233) { top: calc(50%); left: calc(50%); transform: translate(41.5px, 0px) translateZ(-77px); } .star:nth-child(233) .slide { -webkit-animation: fade 5000ms -31133ms linear infinite, slide 5000ms -31133ms linear infinite; animation: fade 5000ms -31133ms linear infinite, slide 5000ms -31133ms linear infinite; } .star:nth-child(234) { top: calc(50%); left: calc(50%); transform: translate(142.5px, 71.5px) translateZ(-212px); } .star:nth-child(234) .slide { -webkit-animation: fade 5000ms -35980ms linear infinite, slide 5000ms -35980ms linear infinite; animation: fade 5000ms -35980ms linear infinite, slide 5000ms -35980ms linear infinite; } .star:nth-child(235) { top: calc(50%); left: calc(50%); transform: translate(-139.5px, -111.5px) translateZ(-252px); } .star:nth-child(235) .slide { -webkit-animation: fade 5000ms -1375ms linear infinite, slide 5000ms -1375ms linear infinite; animation: fade 5000ms -1375ms linear infinite, slide 5000ms -1375ms linear infinite; } .star:nth-child(236) { top: calc(50%); left: calc(50%); transform: translate(-226.5px, -28px) translateZ(-397px); } .star:nth-child(236) .slide { -webkit-animation: fade 5000ms -29822ms linear infinite, slide 5000ms -29822ms linear infinite; animation: fade 5000ms -29822ms linear infinite, slide 5000ms -29822ms linear infinite; } .star:nth-child(237) { top: calc(50%); left: calc(50%); transform: translate(-136px, -167px) translateZ(-379px); } .star:nth-child(237) .slide { -webkit-animation: fade 5000ms -26822ms linear infinite, slide 5000ms -26822ms linear infinite; animation: fade 5000ms -26822ms linear infinite, slide 5000ms -26822ms linear infinite; } .star:nth-child(238) { top: calc(50%); left: calc(50%); transform: translate(-67px, 12px) translateZ(-103px); } .star:nth-child(238) .slide { -webkit-animation: fade 5000ms -3926ms linear infinite, slide 5000ms -3926ms linear infinite; animation: fade 5000ms -3926ms linear infinite, slide 5000ms -3926ms linear infinite; } .star:nth-child(239) { top: calc(50%); left: calc(50%); transform: translate(-167px, 94px) translateZ(-188px); } .star:nth-child(239) .slide { -webkit-animation: fade 5000ms -531ms linear infinite, slide 5000ms -531ms linear infinite; animation: fade 5000ms -531ms linear infinite, slide 5000ms -531ms linear infinite; } .star:nth-child(240) { top: calc(50%); left: calc(50%); transform: translate(-69.5px, -271px) translateZ(-401px); } .star:nth-child(240) .slide { -webkit-animation: fade 5000ms -17523ms linear infinite, slide 5000ms -17523ms linear infinite; animation: fade 5000ms -17523ms linear infinite, slide 5000ms -17523ms linear infinite; } .star:nth-child(241) { top: calc(50%); left: calc(50%); transform: translate(137.5px, 76px) translateZ(-462px); } .star:nth-child(241) .slide { -webkit-animation: fade 5000ms -20090ms linear infinite, slide 5000ms -20090ms linear infinite; animation: fade 5000ms -20090ms linear infinite, slide 5000ms -20090ms linear infinite; } .star:nth-child(242) { top: calc(50%); left: calc(50%); transform: translate(34.5px, -29.5px) translateZ(-148px); } .star:nth-child(242) .slide { -webkit-animation: fade 5000ms -7478ms linear infinite, slide 5000ms -7478ms linear infinite; animation: fade 5000ms -7478ms linear infinite, slide 5000ms -7478ms linear infinite; } .star:nth-child(243) { top: calc(50%); left: calc(50%); transform: translate(-231.5px, 31px) translateZ(-131px); } .star:nth-child(243) .slide { -webkit-animation: fade 5000ms -3825ms linear infinite, slide 5000ms -3825ms linear infinite; animation: fade 5000ms -3825ms linear infinite, slide 5000ms -3825ms linear infinite; } .star:nth-child(244) { top: calc(50%); left: calc(50%); transform: translate(162px, 53.5px) translateZ(-148px); } .star:nth-child(244) .slide { -webkit-animation: fade 5000ms -8026ms linear infinite, slide 5000ms -8026ms linear infinite; animation: fade 5000ms -8026ms linear infinite, slide 5000ms -8026ms linear infinite; } .star:nth-child(245) { top: calc(50%); left: calc(50%); transform: translate(65px, -105px) translateZ(-371px); } .star:nth-child(245) .slide { -webkit-animation: fade 5000ms -12880ms linear infinite, slide 5000ms -12880ms linear infinite; animation: fade 5000ms -12880ms linear infinite, slide 5000ms -12880ms linear infinite; } .star:nth-child(246) { top: calc(50%); left: calc(50%); transform: translate(-143.5px, -106px) translateZ(-362px); } .star:nth-child(246) .slide { -webkit-animation: fade 5000ms -4666ms linear infinite, slide 5000ms -4666ms linear infinite; animation: fade 5000ms -4666ms linear infinite, slide 5000ms -4666ms linear infinite; } .star:nth-child(247) { top: calc(50%); left: calc(50%); transform: translate(-31px, -121px) translateZ(-162px); } .star:nth-child(247) .slide { -webkit-animation: fade 5000ms -24576ms linear infinite, slide 5000ms -24576ms linear infinite; animation: fade 5000ms -24576ms linear infinite, slide 5000ms -24576ms linear infinite; } .star:nth-child(248) { top: calc(50%); left: calc(50%); transform: translate(-11px, -243px) translateZ(-419px); } .star:nth-child(248) .slide { -webkit-animation: fade 5000ms -5328ms linear infinite, slide 5000ms -5328ms linear infinite; animation: fade 5000ms -5328ms linear infinite, slide 5000ms -5328ms linear infinite; } .star:nth-child(249) { top: calc(50%); left: calc(50%); transform: translate(-60.5px, -120px) translateZ(-187px); } .star:nth-child(249) .slide { -webkit-animation: fade 5000ms -167ms linear infinite, slide 5000ms -167ms linear infinite; animation: fade 5000ms -167ms linear infinite, slide 5000ms -167ms linear infinite; } .star:nth-child(250) { top: calc(50%); left: calc(50%); transform: translate(169px, -216px) translateZ(-341px); } .star:nth-child(250) .slide { -webkit-animation: fade 5000ms -22032ms linear infinite, slide 5000ms -22032ms linear infinite; animation: fade 5000ms -22032ms linear infinite, slide 5000ms -22032ms linear infinite; } .star:nth-child(251) { top: calc(50%); left: calc(50%); transform: translate(13px, 21.5px) translateZ(-152px); } .star:nth-child(251) .slide { -webkit-animation: fade 5000ms -6227ms linear infinite, slide 5000ms -6227ms linear infinite; animation: fade 5000ms -6227ms linear infinite, slide 5000ms -6227ms linear infinite; } .star:nth-child(252) { top: calc(50%); left: calc(50%); transform: translate(131px, 177px) translateZ(-358px); } .star:nth-child(252) .slide { -webkit-animation: fade 5000ms -13347ms linear infinite, slide 5000ms -13347ms linear infinite; animation: fade 5000ms -13347ms linear infinite, slide 5000ms -13347ms linear infinite; } .star:nth-child(253) { top: calc(50%); left: calc(50%); transform: translate(12px, 50.5px) translateZ(-224px); } .star:nth-child(253) .slide { -webkit-animation: fade 5000ms -39784ms linear infinite, slide 5000ms -39784ms linear infinite; animation: fade 5000ms -39784ms linear infinite, slide 5000ms -39784ms linear infinite; } .star:nth-child(254) { top: calc(50%); left: calc(50%); transform: translate(-24px, 43px) translateZ(-266px); } .star:nth-child(254) .slide { -webkit-animation: fade 5000ms -16643ms linear infinite, slide 5000ms -16643ms linear infinite; animation: fade 5000ms -16643ms linear infinite, slide 5000ms -16643ms linear infinite; } .star:nth-child(255) { top: calc(50%); left: calc(50%); transform: translate(-169px, 3px) translateZ(-168px); } .star:nth-child(255) .slide { -webkit-animation: fade 5000ms -2508ms linear infinite, slide 5000ms -2508ms linear infinite; animation: fade 5000ms -2508ms linear infinite, slide 5000ms -2508ms linear infinite; } .star:nth-child(256) { top: calc(50%); left: calc(50%); transform: translate(-28px, 52.5px) translateZ(-443px); } .star:nth-child(256) .slide { -webkit-animation: fade 5000ms -25282ms linear infinite, slide 5000ms -25282ms linear infinite; animation: fade 5000ms -25282ms linear infinite, slide 5000ms -25282ms linear infinite; } .star:nth-child(257) { top: calc(50%); left: calc(50%); transform: translate(2.5px, 38px) translateZ(-193px); } .star:nth-child(257) .slide { -webkit-animation: fade 5000ms -8801ms linear infinite, slide 5000ms -8801ms linear infinite; animation: fade 5000ms -8801ms linear infinite, slide 5000ms -8801ms linear infinite; } .star:nth-child(258) { top: calc(50%); left: calc(50%); transform: translate(107.5px, 17px) translateZ(-472px); } .star:nth-child(258) .slide { -webkit-animation: fade 5000ms -8082ms linear infinite, slide 5000ms -8082ms linear infinite; animation: fade 5000ms -8082ms linear infinite, slide 5000ms -8082ms linear infinite; } .star:nth-child(259) { top: calc(50%); left: calc(50%); transform: translate(-83.5px, 18px) translateZ(-332px); } .star:nth-child(259) .slide { -webkit-animation: fade 5000ms -37883ms linear infinite, slide 5000ms -37883ms linear infinite; animation: fade 5000ms -37883ms linear infinite, slide 5000ms -37883ms linear infinite; } .star:nth-child(260) { top: calc(50%); left: calc(50%); transform: translate(-8.5px, 199.5px) translateZ(-143px); } .star:nth-child(260) .slide { -webkit-animation: fade 5000ms -30904ms linear infinite, slide 5000ms -30904ms linear infinite; animation: fade 5000ms -30904ms linear infinite, slide 5000ms -30904ms linear infinite; } .star:nth-child(261) { top: calc(50%); left: calc(50%); transform: translate(126px, 118px) translateZ(-96px); } .star:nth-child(261) .slide { -webkit-animation: fade 5000ms -36847ms linear infinite, slide 5000ms -36847ms linear infinite; animation: fade 5000ms -36847ms linear infinite, slide 5000ms -36847ms linear infinite; } .star:nth-child(262) { top: calc(50%); left: calc(50%); transform: translate(87.5px, 152.5px) translateZ(-402px); } .star:nth-child(262) .slide { -webkit-animation: fade 5000ms -11699ms linear infinite, slide 5000ms -11699ms linear infinite; animation: fade 5000ms -11699ms linear infinite, slide 5000ms -11699ms linear infinite; } .star:nth-child(263) { top: calc(50%); left: calc(50%); transform: translate(-100.5px, 18px) translateZ(-86px); } .star:nth-child(263) .slide { -webkit-animation: fade 5000ms -31575ms linear infinite, slide 5000ms -31575ms linear infinite; animation: fade 5000ms -31575ms linear infinite, slide 5000ms -31575ms linear infinite; } .star:nth-child(264) { top: calc(50%); left: calc(50%); transform: translate(69px, 68px) translateZ(-175px); } .star:nth-child(264) .slide { -webkit-animation: fade 5000ms -6021ms linear infinite, slide 5000ms -6021ms linear infinite; animation: fade 5000ms -6021ms linear infinite, slide 5000ms -6021ms linear infinite; } .star:nth-child(265) { top: calc(50%); left: calc(50%); transform: translate(-10.5px, 32px) translateZ(-29px); } .star:nth-child(265) .slide { -webkit-animation: fade 5000ms -14089ms linear infinite, slide 5000ms -14089ms linear infinite; animation: fade 5000ms -14089ms linear infinite, slide 5000ms -14089ms linear infinite; } .star:nth-child(266) { top: calc(50%); left: calc(50%); transform: translate(58px, -127px) translateZ(-282px); } .star:nth-child(266) .slide { -webkit-animation: fade 5000ms -25272ms linear infinite, slide 5000ms -25272ms linear infinite; animation: fade 5000ms -25272ms linear infinite, slide 5000ms -25272ms linear infinite; } .star:nth-child(267) { top: calc(50%); left: calc(50%); transform: translate(-44.5px, 17px) translateZ(-255px); } .star:nth-child(267) .slide { -webkit-animation: fade 5000ms -25085ms linear infinite, slide 5000ms -25085ms linear infinite; animation: fade 5000ms -25085ms linear infinite, slide 5000ms -25085ms linear infinite; } .star:nth-child(268) { top: calc(50%); left: calc(50%); transform: translate(183px, -170px) translateZ(-362px); } .star:nth-child(268) .slide { -webkit-animation: fade 5000ms -2260ms linear infinite, slide 5000ms -2260ms linear infinite; animation: fade 5000ms -2260ms linear infinite, slide 5000ms -2260ms linear infinite; } .star:nth-child(269) { top: calc(50%); left: calc(50%); transform: translate(66px, -22.5px) translateZ(-89px); } .star:nth-child(269) .slide { -webkit-animation: fade 5000ms -31012ms linear infinite, slide 5000ms -31012ms linear infinite; animation: fade 5000ms -31012ms linear infinite, slide 5000ms -31012ms linear infinite; } .star:nth-child(270) { top: calc(50%); left: calc(50%); transform: translate(-3.5px, 209px) translateZ(-243px); } .star:nth-child(270) .slide { -webkit-animation: fade 5000ms -5401ms linear infinite, slide 5000ms -5401ms linear infinite; animation: fade 5000ms -5401ms linear infinite, slide 5000ms -5401ms linear infinite; } .star:nth-child(271) { top: calc(50%); left: calc(50%); transform: translate(234px, 126px) translateZ(-349px); } .star:nth-child(271) .slide { -webkit-animation: fade 5000ms -32233ms linear infinite, slide 5000ms -32233ms linear infinite; animation: fade 5000ms -32233ms linear infinite, slide 5000ms -32233ms linear infinite; } .star:nth-child(272) { top: calc(50%); left: calc(50%); transform: translate(13px, -82px) translateZ(-389px); } .star:nth-child(272) .slide { -webkit-animation: fade 5000ms -5053ms linear infinite, slide 5000ms -5053ms linear infinite; animation: fade 5000ms -5053ms linear infinite, slide 5000ms -5053ms linear infinite; } .star:nth-child(273) { top: calc(50%); left: calc(50%); transform: translate(122.5px, 15px) translateZ(-261px); } .star:nth-child(273) .slide { -webkit-animation: fade 5000ms -8212ms linear infinite, slide 5000ms -8212ms linear infinite; animation: fade 5000ms -8212ms linear infinite, slide 5000ms -8212ms linear infinite; } .star:nth-child(274) { top: calc(50%); left: calc(50%); transform: translate(82.5px, 32px) translateZ(-66px); } .star:nth-child(274) .slide { -webkit-animation: fade 5000ms -14776ms linear infinite, slide 5000ms -14776ms linear infinite; animation: fade 5000ms -14776ms linear infinite, slide 5000ms -14776ms linear infinite; } .star:nth-child(275) { top: calc(50%); left: calc(50%); transform: translate(30px, 75px) translateZ(-225px); } .star:nth-child(275) .slide { -webkit-animation: fade 5000ms -24543ms linear infinite, slide 5000ms -24543ms linear infinite; animation: fade 5000ms -24543ms linear infinite, slide 5000ms -24543ms linear infinite; } .star:nth-child(276) { top: calc(50%); left: calc(50%); transform: translate(19.5px, -201.5px) translateZ(-354px); } .star:nth-child(276) .slide { -webkit-animation: fade 5000ms -15787ms linear infinite, slide 5000ms -15787ms linear infinite; animation: fade 5000ms -15787ms linear infinite, slide 5000ms -15787ms linear infinite; } .star:nth-child(277) { top: calc(50%); left: calc(50%); transform: translate(65.5px, 229.5px) translateZ(-59px); } .star:nth-child(277) .slide { -webkit-animation: fade 5000ms -12188ms linear infinite, slide 5000ms -12188ms linear infinite; animation: fade 5000ms -12188ms linear infinite, slide 5000ms -12188ms linear infinite; } .star:nth-child(278) { top: calc(50%); left: calc(50%); transform: translate(-259px, -213.5px) translateZ(-209px); } .star:nth-child(278) .slide { -webkit-animation: fade 5000ms -35899ms linear infinite, slide 5000ms -35899ms linear infinite; animation: fade 5000ms -35899ms linear infinite, slide 5000ms -35899ms linear infinite; } .star:nth-child(279) { top: calc(50%); left: calc(50%); transform: translate(188px, -96px) translateZ(-90px); } .star:nth-child(279) .slide { -webkit-animation: fade 5000ms -27142ms linear infinite, slide 5000ms -27142ms linear infinite; animation: fade 5000ms -27142ms linear infinite, slide 5000ms -27142ms linear infinite; } .star:nth-child(280) { top: calc(50%); left: calc(50%); transform: translate(-84px, 55.5px) translateZ(-75px); } .star:nth-child(280) .slide { -webkit-animation: fade 5000ms -17982ms linear infinite, slide 5000ms -17982ms linear infinite; animation: fade 5000ms -17982ms linear infinite, slide 5000ms -17982ms linear infinite; } .star:nth-child(281) { top: calc(50%); left: calc(50%); transform: translate(-82.5px, -256.5px) translateZ(-237px); } .star:nth-child(281) .slide { -webkit-animation: fade 5000ms -14418ms linear infinite, slide 5000ms -14418ms linear infinite; animation: fade 5000ms -14418ms linear infinite, slide 5000ms -14418ms linear infinite; } .star:nth-child(282) { top: calc(50%); left: calc(50%); transform: translate(195.5px, 111.5px) translateZ(-313px); } .star:nth-child(282) .slide { -webkit-animation: fade 5000ms -28917ms linear infinite, slide 5000ms -28917ms linear infinite; animation: fade 5000ms -28917ms linear infinite, slide 5000ms -28917ms linear infinite; } .star:nth-child(283) { top: calc(50%); left: calc(50%); transform: translate(-169.5px, -24px) translateZ(-388px); } .star:nth-child(283) .slide { -webkit-animation: fade 5000ms -20836ms linear infinite, slide 5000ms -20836ms linear infinite; animation: fade 5000ms -20836ms linear infinite, slide 5000ms -20836ms linear infinite; } .star:nth-child(284) { top: calc(50%); left: calc(50%); transform: translate(-70px, -80.5px) translateZ(-208px); } .star:nth-child(284) .slide { -webkit-animation: fade 5000ms -35760ms linear infinite, slide 5000ms -35760ms linear infinite; animation: fade 5000ms -35760ms linear infinite, slide 5000ms -35760ms linear infinite; } .star:nth-child(285) { top: calc(50%); left: calc(50%); transform: translate(-97.5px, 149px) translateZ(-131px); } .star:nth-child(285) .slide { -webkit-animation: fade 5000ms -3580ms linear infinite, slide 5000ms -3580ms linear infinite; animation: fade 5000ms -3580ms linear infinite, slide 5000ms -3580ms linear infinite; } .star:nth-child(286) { top: calc(50%); left: calc(50%); transform: translate(-110px, 0px) translateZ(-211px); } .star:nth-child(286) .slide { -webkit-animation: fade 5000ms -35802ms linear infinite, slide 5000ms -35802ms linear infinite; animation: fade 5000ms -35802ms linear infinite, slide 5000ms -35802ms linear infinite; } .star:nth-child(287) { top: calc(50%); left: calc(50%); transform: translate(172.5px, -61.5px) translateZ(-301px); } .star:nth-child(287) .slide { -webkit-animation: fade 5000ms -33231ms linear infinite, slide 5000ms -33231ms linear infinite; animation: fade 5000ms -33231ms linear infinite, slide 5000ms -33231ms linear infinite; } .star:nth-child(288) { top: calc(50%); left: calc(50%); transform: translate(-75px, 7.5px) translateZ(-53px); } .star:nth-child(288) .slide { -webkit-animation: fade 5000ms -12343ms linear infinite, slide 5000ms -12343ms linear infinite; animation: fade 5000ms -12343ms linear infinite, slide 5000ms -12343ms linear infinite; } .star:nth-child(289) { top: calc(50%); left: calc(50%); transform: translate(-81px, 153.5px) translateZ(-417px); } .star:nth-child(289) .slide { -webkit-animation: fade 5000ms -9093ms linear infinite, slide 5000ms -9093ms linear infinite; animation: fade 5000ms -9093ms linear infinite, slide 5000ms -9093ms linear infinite; } .star:nth-child(290) { top: calc(50%); left: calc(50%); transform: translate(93px, -177px) translateZ(-460px); } .star:nth-child(290) .slide { -webkit-animation: fade 5000ms -15416ms linear infinite, slide 5000ms -15416ms linear infinite; animation: fade 5000ms -15416ms linear infinite, slide 5000ms -15416ms linear infinite; } .star:nth-child(291) { top: calc(50%); left: calc(50%); transform: translate(105.5px, 235.5px) translateZ(-130px); } .star:nth-child(291) .slide { -webkit-animation: fade 5000ms -3969ms linear infinite, slide 5000ms -3969ms linear infinite; animation: fade 5000ms -3969ms linear infinite, slide 5000ms -3969ms linear infinite; } .star:nth-child(292) { top: calc(50%); left: calc(50%); transform: translate(-67.5px, -50px) translateZ(-102px); } .star:nth-child(292) .slide { -webkit-animation: fade 5000ms -22825ms linear infinite, slide 5000ms -22825ms linear infinite; animation: fade 5000ms -22825ms linear infinite, slide 5000ms -22825ms linear infinite; } .star:nth-child(293) { top: calc(50%); left: calc(50%); transform: translate(-111.5px, 21.5px) translateZ(-46px); } .star:nth-child(293) .slide { -webkit-animation: fade 5000ms -524ms linear infinite, slide 5000ms -524ms linear infinite; animation: fade 5000ms -524ms linear infinite, slide 5000ms -524ms linear infinite; } .star:nth-child(294) { top: calc(50%); left: calc(50%); transform: translate(229.5px, 32.5px) translateZ(-57px); } .star:nth-child(294) .slide { -webkit-animation: fade 5000ms -34981ms linear infinite, slide 5000ms -34981ms linear infinite; animation: fade 5000ms -34981ms linear infinite, slide 5000ms -34981ms linear infinite; } .star:nth-child(295) { top: calc(50%); left: calc(50%); transform: translate(157.5px, 105.5px) translateZ(-247px); } .star:nth-child(295) .slide { -webkit-animation: fade 5000ms -951ms linear infinite, slide 5000ms -951ms linear infinite; animation: fade 5000ms -951ms linear infinite, slide 5000ms -951ms linear infinite; } .star:nth-child(296) { top: calc(50%); left: calc(50%); transform: translate(-54px, -218px) translateZ(-459px); } .star:nth-child(296) .slide { -webkit-animation: fade 5000ms -1890ms linear infinite, slide 5000ms -1890ms linear infinite; animation: fade 5000ms -1890ms linear infinite, slide 5000ms -1890ms linear infinite; } .star:nth-child(297) { top: calc(50%); left: calc(50%); transform: translate(166.5px, 227px) translateZ(-496px); } .star:nth-child(297) .slide { -webkit-animation: fade 5000ms -31068ms linear infinite, slide 5000ms -31068ms linear infinite; animation: fade 5000ms -31068ms linear infinite, slide 5000ms -31068ms linear infinite; } .star:nth-child(298) { top: calc(50%); left: calc(50%); transform: translate(108.5px, 235px) translateZ(-449px); } .star:nth-child(298) .slide { -webkit-animation: fade 5000ms -7997ms linear infinite, slide 5000ms -7997ms linear infinite; animation: fade 5000ms -7997ms linear infinite, slide 5000ms -7997ms linear infinite; } .star:nth-child(299) { top: calc(50%); left: calc(50%); transform: translate(123.5px, 36px) translateZ(-499px); } .star:nth-child(299) .slide { -webkit-animation: fade 5000ms -27803ms linear infinite, slide 5000ms -27803ms linear infinite; animation: fade 5000ms -27803ms linear infinite, slide 5000ms -27803ms linear infinite; } .star:nth-child(300) { top: calc(50%); left: calc(50%); transform: translate(4px, -104px) translateZ(-114px); } .star:nth-child(300) .slide { -webkit-animation: fade 5000ms -34723ms linear infinite, slide 5000ms -34723ms linear infinite; animation: fade 5000ms -34723ms linear infinite, slide 5000ms -34723ms linear infinite; } .star:nth-child(301) { top: calc(50%); left: calc(50%); transform: translate(-217.5px, -23.5px) translateZ(-196px); } .star:nth-child(301) .slide { -webkit-animation: fade 5000ms -38530ms linear infinite, slide 5000ms -38530ms linear infinite; animation: fade 5000ms -38530ms linear infinite, slide 5000ms -38530ms linear infinite; } .star:nth-child(302) { top: calc(50%); left: calc(50%); transform: translate(7px, 49.5px) translateZ(-146px); } .star:nth-child(302) .slide { -webkit-animation: fade 5000ms -22962ms linear infinite, slide 5000ms -22962ms linear infinite; animation: fade 5000ms -22962ms linear infinite, slide 5000ms -22962ms linear infinite; } .star:nth-child(303) { top: calc(50%); left: calc(50%); transform: translate(-198px, -114px) translateZ(-159px); } .star:nth-child(303) .slide { -webkit-animation: fade 5000ms -4760ms linear infinite, slide 5000ms -4760ms linear infinite; animation: fade 5000ms -4760ms linear infinite, slide 5000ms -4760ms linear infinite; } .star:nth-child(304) { top: calc(50%); left: calc(50%); transform: translate(-99px, -77.5px) translateZ(-124px); } .star:nth-child(304) .slide { -webkit-animation: fade 5000ms -39272ms linear infinite, slide 5000ms -39272ms linear infinite; animation: fade 5000ms -39272ms linear infinite, slide 5000ms -39272ms linear infinite; } .star:nth-child(305) { top: calc(50%); left: calc(50%); transform: translate(175.5px, 54px) translateZ(-419px); } .star:nth-child(305) .slide { -webkit-animation: fade 5000ms -25694ms linear infinite, slide 5000ms -25694ms linear infinite; animation: fade 5000ms -25694ms linear infinite, slide 5000ms -25694ms linear infinite; } .star:nth-child(306) { top: calc(50%); left: calc(50%); transform: translate(-6.5px, -109.5px) translateZ(-373px); } .star:nth-child(306) .slide { -webkit-animation: fade 5000ms -33335ms linear infinite, slide 5000ms -33335ms linear infinite; animation: fade 5000ms -33335ms linear infinite, slide 5000ms -33335ms linear infinite; } .star:nth-child(307) { top: calc(50%); left: calc(50%); transform: translate(-115px, -154.5px) translateZ(-12px); } .star:nth-child(307) .slide { -webkit-animation: fade 5000ms -14747ms linear infinite, slide 5000ms -14747ms linear infinite; animation: fade 5000ms -14747ms linear infinite, slide 5000ms -14747ms linear infinite; } .star:nth-child(308) { top: calc(50%); left: calc(50%); transform: translate(-216.5px, 34.5px) translateZ(-312px); } .star:nth-child(308) .slide { -webkit-animation: fade 5000ms -8205ms linear infinite, slide 5000ms -8205ms linear infinite; animation: fade 5000ms -8205ms linear infinite, slide 5000ms -8205ms linear infinite; } .star:nth-child(309) { top: calc(50%); left: calc(50%); transform: translate(-58px, 48px) translateZ(-451px); } .star:nth-child(309) .slide { -webkit-animation: fade 5000ms -1240ms linear infinite, slide 5000ms -1240ms linear infinite; animation: fade 5000ms -1240ms linear infinite, slide 5000ms -1240ms linear infinite; } .star:nth-child(310) { top: calc(50%); left: calc(50%); transform: translate(146px, 251.5px) translateZ(-327px); } .star:nth-child(310) .slide { -webkit-animation: fade 5000ms -18604ms linear infinite, slide 5000ms -18604ms linear infinite; animation: fade 5000ms -18604ms linear infinite, slide 5000ms -18604ms linear infinite; } .star:nth-child(311) { top: calc(50%); left: calc(50%); transform: translate(-10.5px, -21px) translateZ(-263px); } .star:nth-child(311) .slide { -webkit-animation: fade 5000ms -8406ms linear infinite, slide 5000ms -8406ms linear infinite; animation: fade 5000ms -8406ms linear infinite, slide 5000ms -8406ms linear infinite; } .star:nth-child(312) { top: calc(50%); left: calc(50%); transform: translate(-83px, -38px) translateZ(-205px); } .star:nth-child(312) .slide { -webkit-animation: fade 5000ms -9361ms linear infinite, slide 5000ms -9361ms linear infinite; animation: fade 5000ms -9361ms linear infinite, slide 5000ms -9361ms linear infinite; } .star:nth-child(313) { top: calc(50%); left: calc(50%); transform: translate(41.5px, 139px) translateZ(-96px); } .star:nth-child(313) .slide { -webkit-animation: fade 5000ms -7884ms linear infinite, slide 5000ms -7884ms linear infinite; animation: fade 5000ms -7884ms linear infinite, slide 5000ms -7884ms linear infinite; } .star:nth-child(314) { top: calc(50%); left: calc(50%); transform: translate(-192px, -150px) translateZ(-382px); } .star:nth-child(314) .slide { -webkit-animation: fade 5000ms -3525ms linear infinite, slide 5000ms -3525ms linear infinite; animation: fade 5000ms -3525ms linear infinite, slide 5000ms -3525ms linear infinite; } .star:nth-child(315) { top: calc(50%); left: calc(50%); transform: translate(11px, -18.5px) translateZ(-69px); } .star:nth-child(315) .slide { -webkit-animation: fade 5000ms -3865ms linear infinite, slide 5000ms -3865ms linear infinite; animation: fade 5000ms -3865ms linear infinite, slide 5000ms -3865ms linear infinite; } .star:nth-child(316) { top: calc(50%); left: calc(50%); transform: translate(18.5px, 29.5px) translateZ(-162px); } .star:nth-child(316) .slide { -webkit-animation: fade 5000ms -14506ms linear infinite, slide 5000ms -14506ms linear infinite; animation: fade 5000ms -14506ms linear infinite, slide 5000ms -14506ms linear infinite; } .star:nth-child(317) { top: calc(50%); left: calc(50%); transform: translate(-118.5px, -10.5px) translateZ(-172px); } .star:nth-child(317) .slide { -webkit-animation: fade 5000ms -20082ms linear infinite, slide 5000ms -20082ms linear infinite; animation: fade 5000ms -20082ms linear infinite, slide 5000ms -20082ms linear infinite; } .star:nth-child(318) { top: calc(50%); left: calc(50%); transform: translate(67px, 47.5px) translateZ(-162px); } .star:nth-child(318) .slide { -webkit-animation: fade 5000ms -38993ms linear infinite, slide 5000ms -38993ms linear infinite; animation: fade 5000ms -38993ms linear infinite, slide 5000ms -38993ms linear infinite; } .star:nth-child(319) { top: calc(50%); left: calc(50%); transform: translate(-15px, 231.5px) translateZ(-445px); } .star:nth-child(319) .slide { -webkit-animation: fade 5000ms -27696ms linear infinite, slide 5000ms -27696ms linear infinite; animation: fade 5000ms -27696ms linear infinite, slide 5000ms -27696ms linear infinite; } .star:nth-child(320) { top: calc(50%); left: calc(50%); transform: translate(-45px, 107px) translateZ(-26px); } .star:nth-child(320) .slide { -webkit-animation: fade 5000ms -7662ms linear infinite, slide 5000ms -7662ms linear infinite; animation: fade 5000ms -7662ms linear infinite, slide 5000ms -7662ms linear infinite; } .star:nth-child(321) { top: calc(50%); left: calc(50%); transform: translate(35px, -154px) translateZ(-95px); } .star:nth-child(321) .slide { -webkit-animation: fade 5000ms -24195ms linear infinite, slide 5000ms -24195ms linear infinite; animation: fade 5000ms -24195ms linear infinite, slide 5000ms -24195ms linear infinite; } .star:nth-child(322) { top: calc(50%); left: calc(50%); transform: translate(-213px, 116.5px) translateZ(-138px); } .star:nth-child(322) .slide { -webkit-animation: fade 5000ms -8543ms linear infinite, slide 5000ms -8543ms linear infinite; animation: fade 5000ms -8543ms linear infinite, slide 5000ms -8543ms linear infinite; } .star:nth-child(323) { top: calc(50%); left: calc(50%); transform: translate(-173px, -165px) translateZ(-419px); } .star:nth-child(323) .slide { -webkit-animation: fade 5000ms -7230ms linear infinite, slide 5000ms -7230ms linear infinite; animation: fade 5000ms -7230ms linear infinite, slide 5000ms -7230ms linear infinite; } .star:nth-child(324) { top: calc(50%); left: calc(50%); transform: translate(47px, -24px) translateZ(-139px); } .star:nth-child(324) .slide { -webkit-animation: fade 5000ms -13483ms linear infinite, slide 5000ms -13483ms linear infinite; animation: fade 5000ms -13483ms linear infinite, slide 5000ms -13483ms linear infinite; } .star:nth-child(325) { top: calc(50%); left: calc(50%); transform: translate(193px, -158.5px) translateZ(-493px); } .star:nth-child(325) .slide { -webkit-animation: fade 5000ms -14103ms linear infinite, slide 5000ms -14103ms linear infinite; animation: fade 5000ms -14103ms linear infinite, slide 5000ms -14103ms linear infinite; } .star:nth-child(326) { top: calc(50%); left: calc(50%); transform: translate(72.5px, -225.5px) translateZ(-440px); } .star:nth-child(326) .slide { -webkit-animation: fade 5000ms -18740ms linear infinite, slide 5000ms -18740ms linear infinite; animation: fade 5000ms -18740ms linear infinite, slide 5000ms -18740ms linear infinite; } .star:nth-child(327) { top: calc(50%); left: calc(50%); transform: translate(-87px, -36px) translateZ(-156px); } .star:nth-child(327) .slide { -webkit-animation: fade 5000ms -13052ms linear infinite, slide 5000ms -13052ms linear infinite; animation: fade 5000ms -13052ms linear infinite, slide 5000ms -13052ms linear infinite; } .star:nth-child(328) { top: calc(50%); left: calc(50%); transform: translate(71px, 17px) translateZ(-191px); } .star:nth-child(328) .slide { -webkit-animation: fade 5000ms -7673ms linear infinite, slide 5000ms -7673ms linear infinite; animation: fade 5000ms -7673ms linear infinite, slide 5000ms -7673ms linear infinite; } .star:nth-child(329) { top: calc(50%); left: calc(50%); transform: translate(-61px, 56px) translateZ(-300px); } .star:nth-child(329) .slide { -webkit-animation: fade 5000ms -25333ms linear infinite, slide 5000ms -25333ms linear infinite; animation: fade 5000ms -25333ms linear infinite, slide 5000ms -25333ms linear infinite; } .star:nth-child(330) { top: calc(50%); left: calc(50%); transform: translate(-189px, 33px) translateZ(-401px); } .star:nth-child(330) .slide { -webkit-animation: fade 5000ms -120ms linear infinite, slide 5000ms -120ms linear infinite; animation: fade 5000ms -120ms linear infinite, slide 5000ms -120ms linear infinite; } .star:nth-child(331) { top: calc(50%); left: calc(50%); transform: translate(64.5px, -238.5px) translateZ(-319px); } .star:nth-child(331) .slide { -webkit-animation: fade 5000ms -25221ms linear infinite, slide 5000ms -25221ms linear infinite; animation: fade 5000ms -25221ms linear infinite, slide 5000ms -25221ms linear infinite; } .star:nth-child(332) { top: calc(50%); left: calc(50%); transform: translate(200.5px, 153px) translateZ(-212px); } .star:nth-child(332) .slide { -webkit-animation: fade 5000ms -33233ms linear infinite, slide 5000ms -33233ms linear infinite; animation: fade 5000ms -33233ms linear infinite, slide 5000ms -33233ms linear infinite; } .star:nth-child(333) { top: calc(50%); left: calc(50%); transform: translate(155px, 160.5px) translateZ(-283px); } .star:nth-child(333) .slide { -webkit-animation: fade 5000ms -2668ms linear infinite, slide 5000ms -2668ms linear infinite; animation: fade 5000ms -2668ms linear infinite, slide 5000ms -2668ms linear infinite; } .star:nth-child(334) { top: calc(50%); left: calc(50%); transform: translate(68px, -14px) translateZ(-194px); } .star:nth-child(334) .slide { -webkit-animation: fade 5000ms -3026ms linear infinite, slide 5000ms -3026ms linear infinite; animation: fade 5000ms -3026ms linear infinite, slide 5000ms -3026ms linear infinite; } .star:nth-child(335) { top: calc(50%); left: calc(50%); transform: translate(129.5px, 23px) translateZ(-254px); } .star:nth-child(335) .slide { -webkit-animation: fade 5000ms -19246ms linear infinite, slide 5000ms -19246ms linear infinite; animation: fade 5000ms -19246ms linear infinite, slide 5000ms -19246ms linear infinite; } .star:nth-child(336) { top: calc(50%); left: calc(50%); transform: translate(60px, 196px) translateZ(-415px); } .star:nth-child(336) .slide { -webkit-animation: fade 5000ms -19250ms linear infinite, slide 5000ms -19250ms linear infinite; animation: fade 5000ms -19250ms linear infinite, slide 5000ms -19250ms linear infinite; } .star:nth-child(337) { top: calc(50%); left: calc(50%); transform: translate(128.5px, 7px) translateZ(-424px); } .star:nth-child(337) .slide { -webkit-animation: fade 5000ms -38415ms linear infinite, slide 5000ms -38415ms linear infinite; animation: fade 5000ms -38415ms linear infinite, slide 5000ms -38415ms linear infinite; } .star:nth-child(338) { top: calc(50%); left: calc(50%); transform: translate(259.5px, -174px) translateZ(-9px); } .star:nth-child(338) .slide { -webkit-animation: fade 5000ms -30397ms linear infinite, slide 5000ms -30397ms linear infinite; animation: fade 5000ms -30397ms linear infinite, slide 5000ms -30397ms linear infinite; } .star:nth-child(339) { top: calc(50%); left: calc(50%); transform: translate(18px, -122.5px) translateZ(-174px); } .star:nth-child(339) .slide { -webkit-animation: fade 5000ms -21538ms linear infinite, slide 5000ms -21538ms linear infinite; animation: fade 5000ms -21538ms linear infinite, slide 5000ms -21538ms linear infinite; } .star:nth-child(340) { top: calc(50%); left: calc(50%); transform: translate(-213.5px, 108px) translateZ(-48px); } .star:nth-child(340) .slide { -webkit-animation: fade 5000ms -16673ms linear infinite, slide 5000ms -16673ms linear infinite; animation: fade 5000ms -16673ms linear infinite, slide 5000ms -16673ms linear infinite; } .star:nth-child(341) { top: calc(50%); left: calc(50%); transform: translate(-104.5px, 8px) translateZ(-499px); } .star:nth-child(341) .slide { -webkit-animation: fade 5000ms -20056ms linear infinite, slide 5000ms -20056ms linear infinite; animation: fade 5000ms -20056ms linear infinite, slide 5000ms -20056ms linear infinite; } .star:nth-child(342) { top: calc(50%); left: calc(50%); transform: translate(52px, 8px) translateZ(-365px); } .star:nth-child(342) .slide { -webkit-animation: fade 5000ms -29238ms linear infinite, slide 5000ms -29238ms linear infinite; animation: fade 5000ms -29238ms linear infinite, slide 5000ms -29238ms linear infinite; } .star:nth-child(343) { top: calc(50%); left: calc(50%); transform: translate(67.5px, -246px) translateZ(-476px); } .star:nth-child(343) .slide { -webkit-animation: fade 5000ms -8312ms linear infinite, slide 5000ms -8312ms linear infinite; animation: fade 5000ms -8312ms linear infinite, slide 5000ms -8312ms linear infinite; } .star:nth-child(344) { top: calc(50%); left: calc(50%); transform: translate(-104px, -101px) translateZ(-132px); } .star:nth-child(344) .slide { -webkit-animation: fade 5000ms -4286ms linear infinite, slide 5000ms -4286ms linear infinite; animation: fade 5000ms -4286ms linear infinite, slide 5000ms -4286ms linear infinite; } .star:nth-child(345) { top: calc(50%); left: calc(50%); transform: translate(-131.5px, -119.5px) translateZ(-172px); } .star:nth-child(345) .slide { -webkit-animation: fade 5000ms -35897ms linear infinite, slide 5000ms -35897ms linear infinite; animation: fade 5000ms -35897ms linear infinite, slide 5000ms -35897ms linear infinite; } .star:nth-child(346) { top: calc(50%); left: calc(50%); transform: translate(4px, -129px) translateZ(-282px); } .star:nth-child(346) .slide { -webkit-animation: fade 5000ms -37086ms linear infinite, slide 5000ms -37086ms linear infinite; animation: fade 5000ms -37086ms linear infinite, slide 5000ms -37086ms linear infinite; } .star:nth-child(347) { top: calc(50%); left: calc(50%); transform: translate(-1.5px, 160.5px) translateZ(-340px); } .star:nth-child(347) .slide { -webkit-animation: fade 5000ms -38319ms linear infinite, slide 5000ms -38319ms linear infinite; animation: fade 5000ms -38319ms linear infinite, slide 5000ms -38319ms linear infinite; } .star:nth-child(348) { top: calc(50%); left: calc(50%); transform: translate(92.5px, -77px) translateZ(-181px); } .star:nth-child(348) .slide { -webkit-animation: fade 5000ms -10083ms linear infinite, slide 5000ms -10083ms linear infinite; animation: fade 5000ms -10083ms linear infinite, slide 5000ms -10083ms linear infinite; } .star:nth-child(349) { top: calc(50%); left: calc(50%); transform: translate(39px, 25.5px) translateZ(-476px); } .star:nth-child(349) .slide { -webkit-animation: fade 5000ms -25905ms linear infinite, slide 5000ms -25905ms linear infinite; animation: fade 5000ms -25905ms linear infinite, slide 5000ms -25905ms linear infinite; } .star:nth-child(350) { top: calc(50%); left: calc(50%); transform: translate(18px, 1px) translateZ(-305px); } .star:nth-child(350) .slide { -webkit-animation: fade 5000ms -35727ms linear infinite, slide 5000ms -35727ms linear infinite; animation: fade 5000ms -35727ms linear infinite, slide 5000ms -35727ms linear infinite; } .star:nth-child(351) { top: calc(50%); left: calc(50%); transform: translate(-5px, 260.5px) translateZ(-142px); } .star:nth-child(351) .slide { -webkit-animation: fade 5000ms -35965ms linear infinite, slide 5000ms -35965ms linear infinite; animation: fade 5000ms -35965ms linear infinite, slide 5000ms -35965ms linear infinite; } .star:nth-child(352) { top: calc(50%); left: calc(50%); transform: translate(145.5px, -250px) translateZ(-320px); } .star:nth-child(352) .slide { -webkit-animation: fade 5000ms -38801ms linear infinite, slide 5000ms -38801ms linear infinite; animation: fade 5000ms -38801ms linear infinite, slide 5000ms -38801ms linear infinite; } .star:nth-child(353) { top: calc(50%); left: calc(50%); transform: translate(-130px, -66.5px) translateZ(-149px); } .star:nth-child(353) .slide { -webkit-animation: fade 5000ms -27971ms linear infinite, slide 5000ms -27971ms linear infinite; animation: fade 5000ms -27971ms linear infinite, slide 5000ms -27971ms linear infinite; } .star:nth-child(354) { top: calc(50%); left: calc(50%); transform: translate(-124.5px, -92.5px) translateZ(-161px); } .star:nth-child(354) .slide { -webkit-animation: fade 5000ms -21507ms linear infinite, slide 5000ms -21507ms linear infinite; animation: fade 5000ms -21507ms linear infinite, slide 5000ms -21507ms linear infinite; } .star:nth-child(355) { top: calc(50%); left: calc(50%); transform: translate(-130px, -92.5px) translateZ(-209px); } .star:nth-child(355) .slide { -webkit-animation: fade 5000ms -25808ms linear infinite, slide 5000ms -25808ms linear infinite; animation: fade 5000ms -25808ms linear infinite, slide 5000ms -25808ms linear infinite; } .star:nth-child(356) { top: calc(50%); left: calc(50%); transform: translate(111.5px, 217px) translateZ(-121px); } .star:nth-child(356) .slide { -webkit-animation: fade 5000ms -9930ms linear infinite, slide 5000ms -9930ms linear infinite; animation: fade 5000ms -9930ms linear infinite, slide 5000ms -9930ms linear infinite; } .star:nth-child(357) { top: calc(50%); left: calc(50%); transform: translate(-143.5px, -9.5px) translateZ(-449px); } .star:nth-child(357) .slide { -webkit-animation: fade 5000ms -17961ms linear infinite, slide 5000ms -17961ms linear infinite; animation: fade 5000ms -17961ms linear infinite, slide 5000ms -17961ms linear infinite; } .star:nth-child(358) { top: calc(50%); left: calc(50%); transform: translate(53.5px, 203px) translateZ(-448px); } .star:nth-child(358) .slide { -webkit-animation: fade 5000ms -29794ms linear infinite, slide 5000ms -29794ms linear infinite; animation: fade 5000ms -29794ms linear infinite, slide 5000ms -29794ms linear infinite; } .star:nth-child(359) { top: calc(50%); left: calc(50%); transform: translate(45px, -59px) translateZ(-23px); } .star:nth-child(359) .slide { -webkit-animation: fade 5000ms -18467ms linear infinite, slide 5000ms -18467ms linear infinite; animation: fade 5000ms -18467ms linear infinite, slide 5000ms -18467ms linear infinite; } .star:nth-child(360) { top: calc(50%); left: calc(50%); transform: translate(-163.5px, 54.5px) translateZ(-58px); } .star:nth-child(360) .slide { -webkit-animation: fade 5000ms -22995ms linear infinite, slide 5000ms -22995ms linear infinite; animation: fade 5000ms -22995ms linear infinite, slide 5000ms -22995ms linear infinite; } .star:nth-child(361) { top: calc(50%); left: calc(50%); transform: translate(-116px, -3px) translateZ(-295px); } .star:nth-child(361) .slide { -webkit-animation: fade 5000ms -17291ms linear infinite, slide 5000ms -17291ms linear infinite; animation: fade 5000ms -17291ms linear infinite, slide 5000ms -17291ms linear infinite; } .star:nth-child(362) { top: calc(50%); left: calc(50%); transform: translate(76.5px, 62px) translateZ(-484px); } .star:nth-child(362) .slide { -webkit-animation: fade 5000ms -35742ms linear infinite, slide 5000ms -35742ms linear infinite; animation: fade 5000ms -35742ms linear infinite, slide 5000ms -35742ms linear infinite; } .star:nth-child(363) { top: calc(50%); left: calc(50%); transform: translate(9.5px, -183.5px) translateZ(-473px); } .star:nth-child(363) .slide { -webkit-animation: fade 5000ms -1170ms linear infinite, slide 5000ms -1170ms linear infinite; animation: fade 5000ms -1170ms linear infinite, slide 5000ms -1170ms linear infinite; } .star:nth-child(364) { top: calc(50%); left: calc(50%); transform: translate(-62px, 143.5px) translateZ(-487px); } .star:nth-child(364) .slide { -webkit-animation: fade 5000ms -14430ms linear infinite, slide 5000ms -14430ms linear infinite; animation: fade 5000ms -14430ms linear infinite, slide 5000ms -14430ms linear infinite; } .star:nth-child(365) { top: calc(50%); left: calc(50%); transform: translate(-123.5px, -11.5px) translateZ(-368px); } .star:nth-child(365) .slide { -webkit-animation: fade 5000ms -17835ms linear infinite, slide 5000ms -17835ms linear infinite; animation: fade 5000ms -17835ms linear infinite, slide 5000ms -17835ms linear infinite; } .star:nth-child(366) { top: calc(50%); left: calc(50%); transform: translate(-156.5px, -176px) translateZ(-493px); } .star:nth-child(366) .slide { -webkit-animation: fade 5000ms -10416ms linear infinite, slide 5000ms -10416ms linear infinite; animation: fade 5000ms -10416ms linear infinite, slide 5000ms -10416ms linear infinite; } .star:nth-child(367) { top: calc(50%); left: calc(50%); transform: translate(96px, 65.5px) translateZ(-221px); } .star:nth-child(367) .slide { -webkit-animation: fade 5000ms -2747ms linear infinite, slide 5000ms -2747ms linear infinite; animation: fade 5000ms -2747ms linear infinite, slide 5000ms -2747ms linear infinite; } .star:nth-child(368) { top: calc(50%); left: calc(50%); transform: translate(185px, -2.5px) translateZ(-259px); } .star:nth-child(368) .slide { -webkit-animation: fade 5000ms -36082ms linear infinite, slide 5000ms -36082ms linear infinite; animation: fade 5000ms -36082ms linear infinite, slide 5000ms -36082ms linear infinite; } .star:nth-child(369) { top: calc(50%); left: calc(50%); transform: translate(-142px, 1px) translateZ(-4px); } .star:nth-child(369) .slide { -webkit-animation: fade 5000ms -30996ms linear infinite, slide 5000ms -30996ms linear infinite; animation: fade 5000ms -30996ms linear infinite, slide 5000ms -30996ms linear infinite; } .star:nth-child(370) { top: calc(50%); left: calc(50%); transform: translate(-91px, -219px) translateZ(-220px); } .star:nth-child(370) .slide { -webkit-animation: fade 5000ms -34707ms linear infinite, slide 5000ms -34707ms linear infinite; animation: fade 5000ms -34707ms linear infinite, slide 5000ms -34707ms linear infinite; } .star:nth-child(371) { top: calc(50%); left: calc(50%); transform: translate(-28.5px, 167px) translateZ(-89px); } .star:nth-child(371) .slide { -webkit-animation: fade 5000ms -4767ms linear infinite, slide 5000ms -4767ms linear infinite; animation: fade 5000ms -4767ms linear infinite, slide 5000ms -4767ms linear infinite; } .star:nth-child(372) { top: calc(50%); left: calc(50%); transform: translate(131px, 208.5px) translateZ(-228px); } .star:nth-child(372) .slide { -webkit-animation: fade 5000ms -20980ms linear infinite, slide 5000ms -20980ms linear infinite; animation: fade 5000ms -20980ms linear infinite, slide 5000ms -20980ms linear infinite; } .star:nth-child(373) { top: calc(50%); left: calc(50%); transform: translate(62.5px, -8px) translateZ(-377px); } .star:nth-child(373) .slide { -webkit-animation: fade 5000ms -32475ms linear infinite, slide 5000ms -32475ms linear infinite; animation: fade 5000ms -32475ms linear infinite, slide 5000ms -32475ms linear infinite; } .star:nth-child(374) { top: calc(50%); left: calc(50%); transform: translate(158.5px, 183px) translateZ(-194px); } .star:nth-child(374) .slide { -webkit-animation: fade 5000ms -444ms linear infinite, slide 5000ms -444ms linear infinite; animation: fade 5000ms -444ms linear infinite, slide 5000ms -444ms linear infinite; } .star:nth-child(375) { top: calc(50%); left: calc(50%); transform: translate(74px, -7px) translateZ(-339px); } .star:nth-child(375) .slide { -webkit-animation: fade 5000ms -3604ms linear infinite, slide 5000ms -3604ms linear infinite; animation: fade 5000ms -3604ms linear infinite, slide 5000ms -3604ms linear infinite; } .star:nth-child(376) { top: calc(50%); left: calc(50%); transform: translate(57.5px, -55.5px) translateZ(-14px); } .star:nth-child(376) .slide { -webkit-animation: fade 5000ms -916ms linear infinite, slide 5000ms -916ms linear infinite; animation: fade 5000ms -916ms linear infinite, slide 5000ms -916ms linear infinite; } .star:nth-child(377) { top: calc(50%); left: calc(50%); transform: translate(246px, 147px) translateZ(-263px); } .star:nth-child(377) .slide { -webkit-animation: fade 5000ms -6628ms linear infinite, slide 5000ms -6628ms linear infinite; animation: fade 5000ms -6628ms linear infinite, slide 5000ms -6628ms linear infinite; } .star:nth-child(378) { top: calc(50%); left: calc(50%); transform: translate(86px, 51px) translateZ(-358px); } .star:nth-child(378) .slide { -webkit-animation: fade 5000ms -24619ms linear infinite, slide 5000ms -24619ms linear infinite; animation: fade 5000ms -24619ms linear infinite, slide 5000ms -24619ms linear infinite; } .star:nth-child(379) { top: calc(50%); left: calc(50%); transform: translate(27.5px, 74.5px) translateZ(-454px); } .star:nth-child(379) .slide { -webkit-animation: fade 5000ms -37950ms linear infinite, slide 5000ms -37950ms linear infinite; animation: fade 5000ms -37950ms linear infinite, slide 5000ms -37950ms linear infinite; } .star:nth-child(380) { top: calc(50%); left: calc(50%); transform: translate(69px, -69px) translateZ(-363px); } .star:nth-child(380) .slide { -webkit-animation: fade 5000ms -35747ms linear infinite, slide 5000ms -35747ms linear infinite; animation: fade 5000ms -35747ms linear infinite, slide 5000ms -35747ms linear infinite; } .star:nth-child(381) { top: calc(50%); left: calc(50%); transform: translate(82.5px, -87.5px) translateZ(-278px); } .star:nth-child(381) .slide { -webkit-animation: fade 5000ms -2246ms linear infinite, slide 5000ms -2246ms linear infinite; animation: fade 5000ms -2246ms linear infinite, slide 5000ms -2246ms linear infinite; } .star:nth-child(382) { top: calc(50%); left: calc(50%); transform: translate(226.5px, 54px) translateZ(-264px); } .star:nth-child(382) .slide { -webkit-animation: fade 5000ms -11790ms linear infinite, slide 5000ms -11790ms linear infinite; animation: fade 5000ms -11790ms linear infinite, slide 5000ms -11790ms linear infinite; } .star:nth-child(383) { top: calc(50%); left: calc(50%); transform: translate(86.5px, -121.5px) translateZ(-453px); } .star:nth-child(383) .slide { -webkit-animation: fade 5000ms -6571ms linear infinite, slide 5000ms -6571ms linear infinite; animation: fade 5000ms -6571ms linear infinite, slide 5000ms -6571ms linear infinite; } .star:nth-child(384) { top: calc(50%); left: calc(50%); transform: translate(-17.5px, -180.5px) translateZ(-389px); } .star:nth-child(384) .slide { -webkit-animation: fade 5000ms -19499ms linear infinite, slide 5000ms -19499ms linear infinite; animation: fade 5000ms -19499ms linear infinite, slide 5000ms -19499ms linear infinite; } .star:nth-child(385) { top: calc(50%); left: calc(50%); transform: translate(-54.5px, -127.5px) translateZ(-15px); } .star:nth-child(385) .slide { -webkit-animation: fade 5000ms -25739ms linear infinite, slide 5000ms -25739ms linear infinite; animation: fade 5000ms -25739ms linear infinite, slide 5000ms -25739ms linear infinite; } .star:nth-child(386) { top: calc(50%); left: calc(50%); transform: translate(-60.5px, -153.5px) translateZ(-427px); } .star:nth-child(386) .slide { -webkit-animation: fade 5000ms -31004ms linear infinite, slide 5000ms -31004ms linear infinite; animation: fade 5000ms -31004ms linear infinite, slide 5000ms -31004ms linear infinite; } .star:nth-child(387) { top: calc(50%); left: calc(50%); transform: translate(161.5px, 26px) translateZ(-12px); } .star:nth-child(387) .slide { -webkit-animation: fade 5000ms -30902ms linear infinite, slide 5000ms -30902ms linear infinite; animation: fade 5000ms -30902ms linear infinite, slide 5000ms -30902ms linear infinite; } .star:nth-child(388) { top: calc(50%); left: calc(50%); transform: translate(143.5px, 201.5px) translateZ(-379px); } .star:nth-child(388) .slide { -webkit-animation: fade 5000ms -17624ms linear infinite, slide 5000ms -17624ms linear infinite; animation: fade 5000ms -17624ms linear infinite, slide 5000ms -17624ms linear infinite; } .star:nth-child(389) { top: calc(50%); left: calc(50%); transform: translate(49.5px, -162px) translateZ(-262px); } .star:nth-child(389) .slide { -webkit-animation: fade 5000ms -3103ms linear infinite, slide 5000ms -3103ms linear infinite; animation: fade 5000ms -3103ms linear infinite, slide 5000ms -3103ms linear infinite; } .star:nth-child(390) { top: calc(50%); left: calc(50%); transform: translate(256px, 53px) translateZ(-198px); } .star:nth-child(390) .slide { -webkit-animation: fade 5000ms -36714ms linear infinite, slide 5000ms -36714ms linear infinite; animation: fade 5000ms -36714ms linear infinite, slide 5000ms -36714ms linear infinite; } .star:nth-child(391) { top: calc(50%); left: calc(50%); transform: translate(-175px, 184px) translateZ(-288px); } .star:nth-child(391) .slide { -webkit-animation: fade 5000ms -9996ms linear infinite, slide 5000ms -9996ms linear infinite; animation: fade 5000ms -9996ms linear infinite, slide 5000ms -9996ms linear infinite; } .star:nth-child(392) { top: calc(50%); left: calc(50%); transform: translate(-241.5px, 213px) translateZ(-61px); } .star:nth-child(392) .slide { -webkit-animation: fade 5000ms -19885ms linear infinite, slide 5000ms -19885ms linear infinite; animation: fade 5000ms -19885ms linear infinite, slide 5000ms -19885ms linear infinite; } .star:nth-child(393) { top: calc(50%); left: calc(50%); transform: translate(110px, -184.5px) translateZ(-110px); } .star:nth-child(393) .slide { -webkit-animation: fade 5000ms -30851ms linear infinite, slide 5000ms -30851ms linear infinite; animation: fade 5000ms -30851ms linear infinite, slide 5000ms -30851ms linear infinite; } .star:nth-child(394) { top: calc(50%); left: calc(50%); transform: translate(-209.5px, -68.5px) translateZ(-38px); } .star:nth-child(394) .slide { -webkit-animation: fade 5000ms -38577ms linear infinite, slide 5000ms -38577ms linear infinite; animation: fade 5000ms -38577ms linear infinite, slide 5000ms -38577ms linear infinite; } .star:nth-child(395) { top: calc(50%); left: calc(50%); transform: translate(98px, 50px) translateZ(-66px); } .star:nth-child(395) .slide { -webkit-animation: fade 5000ms -14575ms linear infinite, slide 5000ms -14575ms linear infinite; animation: fade 5000ms -14575ms linear infinite, slide 5000ms -14575ms linear infinite; } .star:nth-child(396) { top: calc(50%); left: calc(50%); transform: translate(172.5px, -32px) translateZ(-293px); } .star:nth-child(396) .slide { -webkit-animation: fade 5000ms -12206ms linear infinite, slide 5000ms -12206ms linear infinite; animation: fade 5000ms -12206ms linear infinite, slide 5000ms -12206ms linear infinite; } .star:nth-child(397) { top: calc(50%); left: calc(50%); transform: translate(97px, 193px) translateZ(-115px); } .star:nth-child(397) .slide { -webkit-animation: fade 5000ms -20206ms linear infinite, slide 5000ms -20206ms linear infinite; animation: fade 5000ms -20206ms linear infinite, slide 5000ms -20206ms linear infinite; } .star:nth-child(398) { top: calc(50%); left: calc(50%); transform: translate(17px, -185.5px) translateZ(-45px); } .star:nth-child(398) .slide { -webkit-animation: fade 5000ms -13262ms linear infinite, slide 5000ms -13262ms linear infinite; animation: fade 5000ms -13262ms linear infinite, slide 5000ms -13262ms linear infinite; } .star:nth-child(399) { top: calc(50%); left: calc(50%); transform: translate(106.5px, 126.5px) translateZ(-29px); } .star:nth-child(399) .slide { -webkit-animation: fade 5000ms -8504ms linear infinite, slide 5000ms -8504ms linear infinite; animation: fade 5000ms -8504ms linear infinite, slide 5000ms -8504ms linear infinite; } .star:nth-child(400) { top: calc(50%); left: calc(50%); transform: translate(79.5px, -52px) translateZ(-334px); } .star:nth-child(400) .slide { -webkit-animation: fade 5000ms -6055ms linear infinite, slide 5000ms -6055ms linear infinite; animation: fade 5000ms -6055ms linear infinite, slide 5000ms -6055ms linear infinite; } .star:nth-child(401) { top: calc(50%); left: calc(50%); transform: translate(164px, -41.5px) translateZ(-205px); } .star:nth-child(401) .slide { -webkit-animation: fade 5000ms -7747ms linear infinite, slide 5000ms -7747ms linear infinite; animation: fade 5000ms -7747ms linear infinite, slide 5000ms -7747ms linear infinite; } .star:nth-child(402) { top: calc(50%); left: calc(50%); transform: translate(64px, -21px) translateZ(-194px); } .star:nth-child(402) .slide { -webkit-animation: fade 5000ms -23662ms linear infinite, slide 5000ms -23662ms linear infinite; animation: fade 5000ms -23662ms linear infinite, slide 5000ms -23662ms linear infinite; } .star:nth-child(403) { top: calc(50%); left: calc(50%); transform: translate(-190px, -62.5px) translateZ(-334px); } .star:nth-child(403) .slide { -webkit-animation: fade 5000ms -9886ms linear infinite, slide 5000ms -9886ms linear infinite; animation: fade 5000ms -9886ms linear infinite, slide 5000ms -9886ms linear infinite; } .star:nth-child(404) { top: calc(50%); left: calc(50%); transform: translate(-107px, 78px) translateZ(-484px); } .star:nth-child(404) .slide { -webkit-animation: fade 5000ms -6601ms linear infinite, slide 5000ms -6601ms linear infinite; animation: fade 5000ms -6601ms linear infinite, slide 5000ms -6601ms linear infinite; } .star:nth-child(405) { top: calc(50%); left: calc(50%); transform: translate(52px, -169.5px) translateZ(-137px); } .star:nth-child(405) .slide { -webkit-animation: fade 5000ms -28824ms linear infinite, slide 5000ms -28824ms linear infinite; animation: fade 5000ms -28824ms linear infinite, slide 5000ms -28824ms linear infinite; } .star:nth-child(406) { top: calc(50%); left: calc(50%); transform: translate(221px, -122px) translateZ(-428px); } .star:nth-child(406) .slide { -webkit-animation: fade 5000ms -1764ms linear infinite, slide 5000ms -1764ms linear infinite; animation: fade 5000ms -1764ms linear infinite, slide 5000ms -1764ms linear infinite; } .star:nth-child(407) { top: calc(50%); left: calc(50%); transform: translate(33px, -21px) translateZ(-473px); } .star:nth-child(407) .slide { -webkit-animation: fade 5000ms -33521ms linear infinite, slide 5000ms -33521ms linear infinite; animation: fade 5000ms -33521ms linear infinite, slide 5000ms -33521ms linear infinite; } .star:nth-child(408) { top: calc(50%); left: calc(50%); transform: translate(-180px, 185px) translateZ(-90px); } .star:nth-child(408) .slide { -webkit-animation: fade 5000ms -33379ms linear infinite, slide 5000ms -33379ms linear infinite; animation: fade 5000ms -33379ms linear infinite, slide 5000ms -33379ms linear infinite; } .star:nth-child(409) { top: calc(50%); left: calc(50%); transform: translate(242px, -43px) translateZ(-498px); } .star:nth-child(409) .slide { -webkit-animation: fade 5000ms -9731ms linear infinite, slide 5000ms -9731ms linear infinite; animation: fade 5000ms -9731ms linear infinite, slide 5000ms -9731ms linear infinite; } .star:nth-child(410) { top: calc(50%); left: calc(50%); transform: translate(-292px, 86px) translateZ(-328px); } .star:nth-child(410) .slide { -webkit-animation: fade 5000ms -11132ms linear infinite, slide 5000ms -11132ms linear infinite; animation: fade 5000ms -11132ms linear infinite, slide 5000ms -11132ms linear infinite; } .star:nth-child(411) { top: calc(50%); left: calc(50%); transform: translate(135.5px, 229.5px) translateZ(-158px); } .star:nth-child(411) .slide { -webkit-animation: fade 5000ms -27773ms linear infinite, slide 5000ms -27773ms linear infinite; animation: fade 5000ms -27773ms linear infinite, slide 5000ms -27773ms linear infinite; } .star:nth-child(412) { top: calc(50%); left: calc(50%); transform: translate(-33.5px, -205.5px) translateZ(-211px); } .star:nth-child(412) .slide { -webkit-animation: fade 5000ms -20118ms linear infinite, slide 5000ms -20118ms linear infinite; animation: fade 5000ms -20118ms linear infinite, slide 5000ms -20118ms linear infinite; } .star:nth-child(413) { top: calc(50%); left: calc(50%); transform: translate(-110.5px, 236px) translateZ(-215px); } .star:nth-child(413) .slide { -webkit-animation: fade 5000ms -17564ms linear infinite, slide 5000ms -17564ms linear infinite; animation: fade 5000ms -17564ms linear infinite, slide 5000ms -17564ms linear infinite; } .star:nth-child(414) { top: calc(50%); left: calc(50%); transform: translate(-198px, 91px) translateZ(-109px); } .star:nth-child(414) .slide { -webkit-animation: fade 5000ms -11763ms linear infinite, slide 5000ms -11763ms linear infinite; animation: fade 5000ms -11763ms linear infinite, slide 5000ms -11763ms linear infinite; } .star:nth-child(415) { top: calc(50%); left: calc(50%); transform: translate(-15.5px, -203.5px) translateZ(-80px); } .star:nth-child(415) .slide { -webkit-animation: fade 5000ms -12941ms linear infinite, slide 5000ms -12941ms linear infinite; animation: fade 5000ms -12941ms linear infinite, slide 5000ms -12941ms linear infinite; } .star:nth-child(416) { top: calc(50%); left: calc(50%); transform: translate(100px, 148.5px) translateZ(-357px); } .star:nth-child(416) .slide { -webkit-animation: fade 5000ms -17180ms linear infinite, slide 5000ms -17180ms linear infinite; animation: fade 5000ms -17180ms linear infinite, slide 5000ms -17180ms linear infinite; } .star:nth-child(417) { top: calc(50%); left: calc(50%); transform: translate(65.5px, -29px) translateZ(-163px); } .star:nth-child(417) .slide { -webkit-animation: fade 5000ms -17855ms linear infinite, slide 5000ms -17855ms linear infinite; animation: fade 5000ms -17855ms linear infinite, slide 5000ms -17855ms linear infinite; } .star:nth-child(418) { top: calc(50%); left: calc(50%); transform: translate(-10.5px, 128.5px) translateZ(-442px); } .star:nth-child(418) .slide { -webkit-animation: fade 5000ms -34766ms linear infinite, slide 5000ms -34766ms linear infinite; animation: fade 5000ms -34766ms linear infinite, slide 5000ms -34766ms linear infinite; } .star:nth-child(419) { top: calc(50%); left: calc(50%); transform: translate(-158px, 77.5px) translateZ(-206px); } .star:nth-child(419) .slide { -webkit-animation: fade 5000ms -23039ms linear infinite, slide 5000ms -23039ms linear infinite; animation: fade 5000ms -23039ms linear infinite, slide 5000ms -23039ms linear infinite; } .star:nth-child(420) { top: calc(50%); left: calc(50%); transform: translate(-25px, -138.5px) translateZ(-278px); } .star:nth-child(420) .slide { -webkit-animation: fade 5000ms -27117ms linear infinite, slide 5000ms -27117ms linear infinite; animation: fade 5000ms -27117ms linear infinite, slide 5000ms -27117ms linear infinite; } .star:nth-child(421) { top: calc(50%); left: calc(50%); transform: translate(-41.5px, 8px) translateZ(-374px); } .star:nth-child(421) .slide { -webkit-animation: fade 5000ms -5665ms linear infinite, slide 5000ms -5665ms linear infinite; animation: fade 5000ms -5665ms linear infinite, slide 5000ms -5665ms linear infinite; } .star:nth-child(422) { top: calc(50%); left: calc(50%); transform: translate(-136px, 51.5px) translateZ(-452px); } .star:nth-child(422) .slide { -webkit-animation: fade 5000ms -17808ms linear infinite, slide 5000ms -17808ms linear infinite; animation: fade 5000ms -17808ms linear infinite, slide 5000ms -17808ms linear infinite; } .star:nth-child(423) { top: calc(50%); left: calc(50%); transform: translate(99.5px, 12px) translateZ(-169px); } .star:nth-child(423) .slide { -webkit-animation: fade 5000ms -20550ms linear infinite, slide 5000ms -20550ms linear infinite; animation: fade 5000ms -20550ms linear infinite, slide 5000ms -20550ms linear infinite; } .star:nth-child(424) { top: calc(50%); left: calc(50%); transform: translate(42.5px, -104px) translateZ(-275px); } .star:nth-child(424) .slide { -webkit-animation: fade 5000ms -28375ms linear infinite, slide 5000ms -28375ms linear infinite; animation: fade 5000ms -28375ms linear infinite, slide 5000ms -28375ms linear infinite; } .star:nth-child(425) { top: calc(50%); left: calc(50%); transform: translate(-196px, -84px) translateZ(-232px); } .star:nth-child(425) .slide { -webkit-animation: fade 5000ms -21821ms linear infinite, slide 5000ms -21821ms linear infinite; animation: fade 5000ms -21821ms linear infinite, slide 5000ms -21821ms linear infinite; } .star:nth-child(426) { top: calc(50%); left: calc(50%); transform: translate(-73.5px, 52.5px) translateZ(-58px); } .star:nth-child(426) .slide { -webkit-animation: fade 5000ms -15799ms linear infinite, slide 5000ms -15799ms linear infinite; animation: fade 5000ms -15799ms linear infinite, slide 5000ms -15799ms linear infinite; } .star:nth-child(427) { top: calc(50%); left: calc(50%); transform: translate(96px, 56px) translateZ(-201px); } .star:nth-child(427) .slide { -webkit-animation: fade 5000ms -1381ms linear infinite, slide 5000ms -1381ms linear infinite; animation: fade 5000ms -1381ms linear infinite, slide 5000ms -1381ms linear infinite; } .star:nth-child(428) { top: calc(50%); left: calc(50%); transform: translate(175px, 145.5px) translateZ(-450px); } .star:nth-child(428) .slide { -webkit-animation: fade 5000ms -24632ms linear infinite, slide 5000ms -24632ms linear infinite; animation: fade 5000ms -24632ms linear infinite, slide 5000ms -24632ms linear infinite; } .star:nth-child(429) { top: calc(50%); left: calc(50%); transform: translate(-240px, -73px) translateZ(-396px); } .star:nth-child(429) .slide { -webkit-animation: fade 5000ms -12358ms linear infinite, slide 5000ms -12358ms linear infinite; animation: fade 5000ms -12358ms linear infinite, slide 5000ms -12358ms linear infinite; } .star:nth-child(430) { top: calc(50%); left: calc(50%); transform: translate(-4px, 42.5px) translateZ(-110px); } .star:nth-child(430) .slide { -webkit-animation: fade 5000ms -27870ms linear infinite, slide 5000ms -27870ms linear infinite; animation: fade 5000ms -27870ms linear infinite, slide 5000ms -27870ms linear infinite; } .star:nth-child(431) { top: calc(50%); left: calc(50%); transform: translate(-76.5px, 132.5px) translateZ(-62px); } .star:nth-child(431) .slide { -webkit-animation: fade 5000ms -12339ms linear infinite, slide 5000ms -12339ms linear infinite; animation: fade 5000ms -12339ms linear infinite, slide 5000ms -12339ms linear infinite; } .star:nth-child(432) { top: calc(50%); left: calc(50%); transform: translate(-156.5px, -40.5px) translateZ(-373px); } .star:nth-child(432) .slide { -webkit-animation: fade 5000ms -11974ms linear infinite, slide 5000ms -11974ms linear infinite; animation: fade 5000ms -11974ms linear infinite, slide 5000ms -11974ms linear infinite; } .star:nth-child(433) { top: calc(50%); left: calc(50%); transform: translate(-79px, 51.5px) translateZ(-379px); } .star:nth-child(433) .slide { -webkit-animation: fade 5000ms -11319ms linear infinite, slide 5000ms -11319ms linear infinite; animation: fade 5000ms -11319ms linear infinite, slide 5000ms -11319ms linear infinite; } .star:nth-child(434) { top: calc(50%); left: calc(50%); transform: translate(-118.5px, 28px) translateZ(-385px); } .star:nth-child(434) .slide { -webkit-animation: fade 5000ms -29ms linear infinite, slide 5000ms -29ms linear infinite; animation: fade 5000ms -29ms linear infinite, slide 5000ms -29ms linear infinite; } .star:nth-child(435) { top: calc(50%); left: calc(50%); transform: translate(200.5px, -23px) translateZ(-280px); } .star:nth-child(435) .slide { -webkit-animation: fade 5000ms -7439ms linear infinite, slide 5000ms -7439ms linear infinite; animation: fade 5000ms -7439ms linear infinite, slide 5000ms -7439ms linear infinite; } .star:nth-child(436) { top: calc(50%); left: calc(50%); transform: translate(17px, 253.5px) translateZ(-218px); } .star:nth-child(436) .slide { -webkit-animation: fade 5000ms -23518ms linear infinite, slide 5000ms -23518ms linear infinite; animation: fade 5000ms -23518ms linear infinite, slide 5000ms -23518ms linear infinite; } .star:nth-child(437) { top: calc(50%); left: calc(50%); transform: translate(141.5px, 88.5px) translateZ(-387px); } .star:nth-child(437) .slide { -webkit-animation: fade 5000ms -6095ms linear infinite, slide 5000ms -6095ms linear infinite; animation: fade 5000ms -6095ms linear infinite, slide 5000ms -6095ms linear infinite; } .star:nth-child(438) { top: calc(50%); left: calc(50%); transform: translate(146px, 187px) translateZ(-89px); } .star:nth-child(438) .slide { -webkit-animation: fade 5000ms -738ms linear infinite, slide 5000ms -738ms linear infinite; animation: fade 5000ms -738ms linear infinite, slide 5000ms -738ms linear infinite; } .star:nth-child(439) { top: calc(50%); left: calc(50%); transform: translate(-85px, -5.5px) translateZ(-272px); } .star:nth-child(439) .slide { -webkit-animation: fade 5000ms -19525ms linear infinite, slide 5000ms -19525ms linear infinite; animation: fade 5000ms -19525ms linear infinite, slide 5000ms -19525ms linear infinite; } .star:nth-child(440) { top: calc(50%); left: calc(50%); transform: translate(37px, -179px) translateZ(-496px); } .star:nth-child(440) .slide { -webkit-animation: fade 5000ms -29147ms linear infinite, slide 5000ms -29147ms linear infinite; animation: fade 5000ms -29147ms linear infinite, slide 5000ms -29147ms linear infinite; } .star:nth-child(441) { top: calc(50%); left: calc(50%); transform: translate(-112.5px, 81px) translateZ(-184px); } .star:nth-child(441) .slide { -webkit-animation: fade 5000ms -39567ms linear infinite, slide 5000ms -39567ms linear infinite; animation: fade 5000ms -39567ms linear infinite, slide 5000ms -39567ms linear infinite; } .star:nth-child(442) { top: calc(50%); left: calc(50%); transform: translate(-59px, 45.5px) translateZ(-438px); } .star:nth-child(442) .slide { -webkit-animation: fade 5000ms -21143ms linear infinite, slide 5000ms -21143ms linear infinite; animation: fade 5000ms -21143ms linear infinite, slide 5000ms -21143ms linear infinite; } .star:nth-child(443) { top: calc(50%); left: calc(50%); transform: translate(-173px, 257.5px) translateZ(-222px); } .star:nth-child(443) .slide { -webkit-animation: fade 5000ms -28783ms linear infinite, slide 5000ms -28783ms linear infinite; animation: fade 5000ms -28783ms linear infinite, slide 5000ms -28783ms linear infinite; } .star:nth-child(444) { top: calc(50%); left: calc(50%); transform: translate(-137.5px, -38px) translateZ(-9px); } .star:nth-child(444) .slide { -webkit-animation: fade 5000ms -34929ms linear infinite, slide 5000ms -34929ms linear infinite; animation: fade 5000ms -34929ms linear infinite, slide 5000ms -34929ms linear infinite; } .star:nth-child(445) { top: calc(50%); left: calc(50%); transform: translate(-68.5px, -127px) translateZ(-431px); } .star:nth-child(445) .slide { -webkit-animation: fade 5000ms -27803ms linear infinite, slide 5000ms -27803ms linear infinite; animation: fade 5000ms -27803ms linear infinite, slide 5000ms -27803ms linear infinite; } .star:nth-child(446) { top: calc(50%); left: calc(50%); transform: translate(43.5px, -188px) translateZ(-155px); } .star:nth-child(446) .slide { -webkit-animation: fade 5000ms -28871ms linear infinite, slide 5000ms -28871ms linear infinite; animation: fade 5000ms -28871ms linear infinite, slide 5000ms -28871ms linear infinite; } .star:nth-child(447) { top: calc(50%); left: calc(50%); transform: translate(-40px, -128.5px) translateZ(-113px); } .star:nth-child(447) .slide { -webkit-animation: fade 5000ms -14119ms linear infinite, slide 5000ms -14119ms linear infinite; animation: fade 5000ms -14119ms linear infinite, slide 5000ms -14119ms linear infinite; } .star:nth-child(448) { top: calc(50%); left: calc(50%); transform: translate(192.5px, 119px) translateZ(-415px); } .star:nth-child(448) .slide { -webkit-animation: fade 5000ms -8353ms linear infinite, slide 5000ms -8353ms linear infinite; animation: fade 5000ms -8353ms linear infinite, slide 5000ms -8353ms linear infinite; } .star:nth-child(449) { top: calc(50%); left: calc(50%); transform: translate(61.5px, 4px) translateZ(-80px); } .star:nth-child(449) .slide { -webkit-animation: fade 5000ms -27316ms linear infinite, slide 5000ms -27316ms linear infinite; animation: fade 5000ms -27316ms linear infinite, slide 5000ms -27316ms linear infinite; } .star:nth-child(450) { top: calc(50%); left: calc(50%); transform: translate(-156.5px, 110.5px) translateZ(-297px); } .star:nth-child(450) .slide { -webkit-animation: fade 5000ms -31587ms linear infinite, slide 5000ms -31587ms linear infinite; animation: fade 5000ms -31587ms linear infinite, slide 5000ms -31587ms linear infinite; } .star:nth-child(451) { top: calc(50%); left: calc(50%); transform: translate(-9.5px, 248px) translateZ(-449px); } .star:nth-child(451) .slide { -webkit-animation: fade 5000ms -37380ms linear infinite, slide 5000ms -37380ms linear infinite; animation: fade 5000ms -37380ms linear infinite, slide 5000ms -37380ms linear infinite; } .star:nth-child(452) { top: calc(50%); left: calc(50%); transform: translate(3px, 11px) translateZ(-336px); } .star:nth-child(452) .slide { -webkit-animation: fade 5000ms -969ms linear infinite, slide 5000ms -969ms linear infinite; animation: fade 5000ms -969ms linear infinite, slide 5000ms -969ms linear infinite; } .star:nth-child(453) { top: calc(50%); left: calc(50%); transform: translate(-81.5px, 86px) translateZ(-332px); } .star:nth-child(453) .slide { -webkit-animation: fade 5000ms -8661ms linear infinite, slide 5000ms -8661ms linear infinite; animation: fade 5000ms -8661ms linear infinite, slide 5000ms -8661ms linear infinite; } .star:nth-child(454) { top: calc(50%); left: calc(50%); transform: translate(151px, -82px) translateZ(-207px); } .star:nth-child(454) .slide { -webkit-animation: fade 5000ms -8485ms linear infinite, slide 5000ms -8485ms linear infinite; animation: fade 5000ms -8485ms linear infinite, slide 5000ms -8485ms linear infinite; } .star:nth-child(455) { top: calc(50%); left: calc(50%); transform: translate(-121px, -70px) translateZ(-170px); } .star:nth-child(455) .slide { -webkit-animation: fade 5000ms -7035ms linear infinite, slide 5000ms -7035ms linear infinite; animation: fade 5000ms -7035ms linear infinite, slide 5000ms -7035ms linear infinite; } .star:nth-child(456) { top: calc(50%); left: calc(50%); transform: translate(199.5px, -210.5px) translateZ(-64px); } .star:nth-child(456) .slide { -webkit-animation: fade 5000ms -502ms linear infinite, slide 5000ms -502ms linear infinite; animation: fade 5000ms -502ms linear infinite, slide 5000ms -502ms linear infinite; } .star:nth-child(457) { top: calc(50%); left: calc(50%); transform: translate(-118px, 6.5px) translateZ(-339px); } .star:nth-child(457) .slide { -webkit-animation: fade 5000ms -5835ms linear infinite, slide 5000ms -5835ms linear infinite; animation: fade 5000ms -5835ms linear infinite, slide 5000ms -5835ms linear infinite; } .star:nth-child(458) { top: calc(50%); left: calc(50%); transform: translate(48px, -35px) translateZ(-129px); } .star:nth-child(458) .slide { -webkit-animation: fade 5000ms -20741ms linear infinite, slide 5000ms -20741ms linear infinite; animation: fade 5000ms -20741ms linear infinite, slide 5000ms -20741ms linear infinite; } .star:nth-child(459) { top: calc(50%); left: calc(50%); transform: translate(19.5px, -30.5px) translateZ(-278px); } .star:nth-child(459) .slide { -webkit-animation: fade 5000ms -31804ms linear infinite, slide 5000ms -31804ms linear infinite; animation: fade 5000ms -31804ms linear infinite, slide 5000ms -31804ms linear infinite; } .star:nth-child(460) { top: calc(50%); left: calc(50%); transform: translate(5.5px, 203.5px) translateZ(-17px); } .star:nth-child(460) .slide { -webkit-animation: fade 5000ms -157ms linear infinite, slide 5000ms -157ms linear infinite; animation: fade 5000ms -157ms linear infinite, slide 5000ms -157ms linear infinite; } .star:nth-child(461) { top: calc(50%); left: calc(50%); transform: translate(-45px, -190px) translateZ(-354px); } .star:nth-child(461) .slide { -webkit-animation: fade 5000ms -25234ms linear infinite, slide 5000ms -25234ms linear infinite; animation: fade 5000ms -25234ms linear infinite, slide 5000ms -25234ms linear infinite; } .star:nth-child(462) { top: calc(50%); left: calc(50%); transform: translate(40px, -173.5px) translateZ(-143px); } .star:nth-child(462) .slide { -webkit-animation: fade 5000ms -6334ms linear infinite, slide 5000ms -6334ms linear infinite; animation: fade 5000ms -6334ms linear infinite, slide 5000ms -6334ms linear infinite; } .star:nth-child(463) { top: calc(50%); left: calc(50%); transform: translate(34px, 274.5px) translateZ(-169px); } .star:nth-child(463) .slide { -webkit-animation: fade 5000ms -36381ms linear infinite, slide 5000ms -36381ms linear infinite; animation: fade 5000ms -36381ms linear infinite, slide 5000ms -36381ms linear infinite; } .star:nth-child(464) { top: calc(50%); left: calc(50%); transform: translate(43px, 67px) translateZ(-447px); } .star:nth-child(464) .slide { -webkit-animation: fade 5000ms -39172ms linear infinite, slide 5000ms -39172ms linear infinite; animation: fade 5000ms -39172ms linear infinite, slide 5000ms -39172ms linear infinite; } .star:nth-child(465) { top: calc(50%); left: calc(50%); transform: translate(-98.5px, 91.5px) translateZ(-23px); } .star:nth-child(465) .slide { -webkit-animation: fade 5000ms -5573ms linear infinite, slide 5000ms -5573ms linear infinite; animation: fade 5000ms -5573ms linear infinite, slide 5000ms -5573ms linear infinite; } .star:nth-child(466) { top: calc(50%); left: calc(50%); transform: translate(-35.5px, -9px) translateZ(-262px); } .star:nth-child(466) .slide { -webkit-animation: fade 5000ms -37350ms linear infinite, slide 5000ms -37350ms linear infinite; animation: fade 5000ms -37350ms linear infinite, slide 5000ms -37350ms linear infinite; } .star:nth-child(467) { top: calc(50%); left: calc(50%); transform: translate(-19px, -40.5px) translateZ(-399px); } .star:nth-child(467) .slide { -webkit-animation: fade 5000ms -8223ms linear infinite, slide 5000ms -8223ms linear infinite; animation: fade 5000ms -8223ms linear infinite, slide 5000ms -8223ms linear infinite; } .star:nth-child(468) { top: calc(50%); left: calc(50%); transform: translate(165px, 74.5px) translateZ(-482px); } .star:nth-child(468) .slide { -webkit-animation: fade 5000ms -4699ms linear infinite, slide 5000ms -4699ms linear infinite; animation: fade 5000ms -4699ms linear infinite, slide 5000ms -4699ms linear infinite; } .star:nth-child(469) { top: calc(50%); left: calc(50%); transform: translate(-44px, 194px) translateZ(-242px); } .star:nth-child(469) .slide { -webkit-animation: fade 5000ms -7966ms linear infinite, slide 5000ms -7966ms linear infinite; animation: fade 5000ms -7966ms linear infinite, slide 5000ms -7966ms linear infinite; } .star:nth-child(470) { top: calc(50%); left: calc(50%); transform: translate(-100.5px, -149px) translateZ(-211px); } .star:nth-child(470) .slide { -webkit-animation: fade 5000ms -21963ms linear infinite, slide 5000ms -21963ms linear infinite; animation: fade 5000ms -21963ms linear infinite, slide 5000ms -21963ms linear infinite; } .star:nth-child(471) { top: calc(50%); left: calc(50%); transform: translate(-158.5px, 191px) translateZ(-81px); } .star:nth-child(471) .slide { -webkit-animation: fade 5000ms -11076ms linear infinite, slide 5000ms -11076ms linear infinite; animation: fade 5000ms -11076ms linear infinite, slide 5000ms -11076ms linear infinite; } .star:nth-child(472) { top: calc(50%); left: calc(50%); transform: translate(-28px, 131.5px) translateZ(-14px); } .star:nth-child(472) .slide { -webkit-animation: fade 5000ms -22249ms linear infinite, slide 5000ms -22249ms linear infinite; animation: fade 5000ms -22249ms linear infinite, slide 5000ms -22249ms linear infinite; } .star:nth-child(473) { top: calc(50%); left: calc(50%); transform: translate(105px, 96px) translateZ(-111px); } .star:nth-child(473) .slide { -webkit-animation: fade 5000ms -27395ms linear infinite, slide 5000ms -27395ms linear infinite; animation: fade 5000ms -27395ms linear infinite, slide 5000ms -27395ms linear infinite; } .star:nth-child(474) { top: calc(50%); left: calc(50%); transform: translate(-17.5px, -71.5px) translateZ(-373px); } .star:nth-child(474) .slide { -webkit-animation: fade 5000ms -31402ms linear infinite, slide 5000ms -31402ms linear infinite; animation: fade 5000ms -31402ms linear infinite, slide 5000ms -31402ms linear infinite; } .star:nth-child(475) { top: calc(50%); left: calc(50%); transform: translate(83px, -98px) translateZ(-21px); } .star:nth-child(475) .slide { -webkit-animation: fade 5000ms -20448ms linear infinite, slide 5000ms -20448ms linear infinite; animation: fade 5000ms -20448ms linear infinite, slide 5000ms -20448ms linear infinite; } .star:nth-child(476) { top: calc(50%); left: calc(50%); transform: translate(198.5px, -214px) translateZ(-322px); } .star:nth-child(476) .slide { -webkit-animation: fade 5000ms -34416ms linear infinite, slide 5000ms -34416ms linear infinite; animation: fade 5000ms -34416ms linear infinite, slide 5000ms -34416ms linear infinite; } .star:nth-child(477) { top: calc(50%); left: calc(50%); transform: translate(250.5px, -184.5px) translateZ(-4px); } .star:nth-child(477) .slide { -webkit-animation: fade 5000ms -25924ms linear infinite, slide 5000ms -25924ms linear infinite; animation: fade 5000ms -25924ms linear infinite, slide 5000ms -25924ms linear infinite; } .star:nth-child(478) { top: calc(50%); left: calc(50%); transform: translate(2px, 61px) translateZ(-154px); } .star:nth-child(478) .slide { -webkit-animation: fade 5000ms -8534ms linear infinite, slide 5000ms -8534ms linear infinite; animation: fade 5000ms -8534ms linear infinite, slide 5000ms -8534ms linear infinite; } .star:nth-child(479) { top: calc(50%); left: calc(50%); transform: translate(-6.5px, -41px) translateZ(-275px); } .star:nth-child(479) .slide { -webkit-animation: fade 5000ms -31547ms linear infinite, slide 5000ms -31547ms linear infinite; animation: fade 5000ms -31547ms linear infinite, slide 5000ms -31547ms linear infinite; } .star:nth-child(480) { top: calc(50%); left: calc(50%); transform: translate(-108.5px, 136px) translateZ(-58px); } .star:nth-child(480) .slide { -webkit-animation: fade 5000ms -5415ms linear infinite, slide 5000ms -5415ms linear infinite; animation: fade 5000ms -5415ms linear infinite, slide 5000ms -5415ms linear infinite; } .star:nth-child(481) { top: calc(50%); left: calc(50%); transform: translate(-16.5px, 178.5px) translateZ(-129px); } .star:nth-child(481) .slide { -webkit-animation: fade 5000ms -19989ms linear infinite, slide 5000ms -19989ms linear infinite; animation: fade 5000ms -19989ms linear infinite, slide 5000ms -19989ms linear infinite; } .star:nth-child(482) { top: calc(50%); left: calc(50%); transform: translate(140px, -246px) translateZ(-148px); } .star:nth-child(482) .slide { -webkit-animation: fade 5000ms -28390ms linear infinite, slide 5000ms -28390ms linear infinite; animation: fade 5000ms -28390ms linear infinite, slide 5000ms -28390ms linear infinite; } .star:nth-child(483) { top: calc(50%); left: calc(50%); transform: translate(-114px, -95.5px) translateZ(-108px); } .star:nth-child(483) .slide { -webkit-animation: fade 5000ms -36873ms linear infinite, slide 5000ms -36873ms linear infinite; animation: fade 5000ms -36873ms linear infinite, slide 5000ms -36873ms linear infinite; } .star:nth-child(484) { top: calc(50%); left: calc(50%); transform: translate(28px, -21.5px) translateZ(-38px); } .star:nth-child(484) .slide { -webkit-animation: fade 5000ms -8544ms linear infinite, slide 5000ms -8544ms linear infinite; animation: fade 5000ms -8544ms linear infinite, slide 5000ms -8544ms linear infinite; } .star:nth-child(485) { top: calc(50%); left: calc(50%); transform: translate(-33.5px, 34.5px) translateZ(-314px); } .star:nth-child(485) .slide { -webkit-animation: fade 5000ms -6515ms linear infinite, slide 5000ms -6515ms linear infinite; animation: fade 5000ms -6515ms linear infinite, slide 5000ms -6515ms linear infinite; } .star:nth-child(486) { top: calc(50%); left: calc(50%); transform: translate(118.5px, -140px) translateZ(-146px); } .star:nth-child(486) .slide { -webkit-animation: fade 5000ms -36050ms linear infinite, slide 5000ms -36050ms linear infinite; animation: fade 5000ms -36050ms linear infinite, slide 5000ms -36050ms linear infinite; } .star:nth-child(487) { top: calc(50%); left: calc(50%); transform: translate(12px, 81.5px) translateZ(-170px); } .star:nth-child(487) .slide { -webkit-animation: fade 5000ms -10151ms linear infinite, slide 5000ms -10151ms linear infinite; animation: fade 5000ms -10151ms linear infinite, slide 5000ms -10151ms linear infinite; } .star:nth-child(488) { top: calc(50%); left: calc(50%); transform: translate(-28px, 196.5px) translateZ(-153px); } .star:nth-child(488) .slide { -webkit-animation: fade 5000ms -21121ms linear infinite, slide 5000ms -21121ms linear infinite; animation: fade 5000ms -21121ms linear infinite, slide 5000ms -21121ms linear infinite; } .star:nth-child(489) { top: calc(50%); left: calc(50%); transform: translate(-101px, -232px) translateZ(-476px); } .star:nth-child(489) .slide { -webkit-animation: fade 5000ms -28301ms linear infinite, slide 5000ms -28301ms linear infinite; animation: fade 5000ms -28301ms linear infinite, slide 5000ms -28301ms linear infinite; } .star:nth-child(490) { top: calc(50%); left: calc(50%); transform: translate(-111.5px, 174px) translateZ(-236px); } .star:nth-child(490) .slide { -webkit-animation: fade 5000ms -39914ms linear infinite, slide 5000ms -39914ms linear infinite; animation: fade 5000ms -39914ms linear infinite, slide 5000ms -39914ms linear infinite; } .star:nth-child(491) { top: calc(50%); left: calc(50%); transform: translate(97px, 54.5px) translateZ(-101px); } .star:nth-child(491) .slide { -webkit-animation: fade 5000ms -28366ms linear infinite, slide 5000ms -28366ms linear infinite; animation: fade 5000ms -28366ms linear infinite, slide 5000ms -28366ms linear infinite; } .star:nth-child(492) { top: calc(50%); left: calc(50%); transform: translate(0px, -34.5px) translateZ(-25px); } .star:nth-child(492) .slide { -webkit-animation: fade 5000ms -7147ms linear infinite, slide 5000ms -7147ms linear infinite; animation: fade 5000ms -7147ms linear infinite, slide 5000ms -7147ms linear infinite; } .star:nth-child(493) { top: calc(50%); left: calc(50%); transform: translate(-160px, 42px) translateZ(-239px); } .star:nth-child(493) .slide { -webkit-animation: fade 5000ms -12747ms linear infinite, slide 5000ms -12747ms linear infinite; animation: fade 5000ms -12747ms linear infinite, slide 5000ms -12747ms linear infinite; } .star:nth-child(494) { top: calc(50%); left: calc(50%); transform: translate(-6.5px, 17px) translateZ(-185px); } .star:nth-child(494) .slide { -webkit-animation: fade 5000ms -25077ms linear infinite, slide 5000ms -25077ms linear infinite; animation: fade 5000ms -25077ms linear infinite, slide 5000ms -25077ms linear infinite; } .star:nth-child(495) { top: calc(50%); left: calc(50%); transform: translate(216px, 92.5px) translateZ(-152px); } .star:nth-child(495) .slide { -webkit-animation: fade 5000ms -23260ms linear infinite, slide 5000ms -23260ms linear infinite; animation: fade 5000ms -23260ms linear infinite, slide 5000ms -23260ms linear infinite; } .star:nth-child(496) { top: calc(50%); left: calc(50%); transform: translate(115px, 82px) translateZ(-133px); } .star:nth-child(496) .slide { -webkit-animation: fade 5000ms -25457ms linear infinite, slide 5000ms -25457ms linear infinite; animation: fade 5000ms -25457ms linear infinite, slide 5000ms -25457ms linear infinite; } .star:nth-child(497) { top: calc(50%); left: calc(50%); transform: translate(-28px, 47.5px) translateZ(-291px); } .star:nth-child(497) .slide { -webkit-animation: fade 5000ms -6731ms linear infinite, slide 5000ms -6731ms linear infinite; animation: fade 5000ms -6731ms linear infinite, slide 5000ms -6731ms linear infinite; } .star:nth-child(498) { top: calc(50%); left: calc(50%); transform: translate(111.5px, 9.5px) translateZ(-184px); } .star:nth-child(498) .slide { -webkit-animation: fade 5000ms -36749ms linear infinite, slide 5000ms -36749ms linear infinite; animation: fade 5000ms -36749ms linear infinite, slide 5000ms -36749ms linear infinite; } .star:nth-child(499) { top: calc(50%); left: calc(50%); transform: translate(-76px, 1px) translateZ(-340px); } .star:nth-child(499) .slide { -webkit-animation: fade 5000ms -7241ms linear infinite, slide 5000ms -7241ms linear infinite; animation: fade 5000ms -7241ms linear infinite, slide 5000ms -7241ms linear infinite; } .star:nth-child(500) { top: calc(50%); left: calc(50%); transform: translate(23px, 243.5px) translateZ(-370px); } .star:nth-child(500) .slide { -webkit-animation: fade 5000ms -34106ms linear infinite, slide 5000ms -34106ms linear infinite; animation: fade 5000ms -34106ms linear infinite, slide 5000ms -34106ms linear infinite; } .star .slide { width: 100%; height: 100%; background: #EBC621; border-radius: 100%; } @-webkit-keyframes fade { 0% { opacity: 0; } 10% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 0; } } @keyframes fade { 0% { opacity: 0; } 10% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes slide { 0% { transform: translateY(0); } 50% { transform: translateY(-100px); } 100% { transform: translateY(-100px); } } @keyframes slide { 0% { transform: translateY(0); } 50% { transform: translateY(-100px); } 100% { transform: translateY(-100px); } } @-webkit-keyframes rotate { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } @keyframes rotate { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } </style> </head> <body > <div class="sky"> <div class="stars"> <div class="star"> <div class="counter"> <div class="slide"> <div class="light"></div> <div class="light"></div> <div class="light"></div> </div> </div> </div> <div class="star"> <div class="counter"> <div class="slide"> <div class="light"></div> <div class="light"></div> <div class="light"></div> </div> </div> </div> <div class="star"> <div class="counter"> <div class="slide"> <div class="light"></div> <div class="light"></div> <div class="light"></div> </div> </div> </div> <div class="star"> <div class="counter"> <div class="slide"> <div class="light"></div> <div class="light"></div> <div class="light"></div> </div> </div> </div> <div class="star"> <div class="counter"> <div class="slide"> <div class="light"></div> <d.........完整代码请登录后点击上方下载按钮下载查看
网友评论0