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