EffectHub.com: your best source for gaming

Recommendation

More Effects...

CSS

@import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do');
.main-wrapper {
  background: -webkit-radial-gradient(bottom, #b11919 0%, #730f0f 50%, #310606 78%);
  background: radial-gradient(bottom, #b11919 0%, #730f0f 50%, #310606 78%);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.tree-container {
  display: block;
  height: 330px;
  margin: 0;
  padding: 0;
}
.text-container {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 14%;
  left: 15%;
  right: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.text-container h2 {
  color: rgba(252, 251, 233, 0.85);
  font-size: 2vw;
  font-family: 'Nothing You Could Do', cursive;
  margin: 0 0 .8em 0;
}
.text-container h2.happy {
  font-size: 3.1vw;
  margin-bottom: 0.3em;
}
.text-container a.c2 {
  display: block;
  font-size: 13px;
  width: 40px;
  height: 40px;
  background-color: rgba(252, 251, 233, 0.8);
  border-radius: 50%;
  color: #8c1313;
  text-decoration: none;
  line-height: 40px;
}
.star {
  border-radius: 0;
  border-color: #f7b93f transparent transparent transparent;
  border-style: solid;
  border-top-width: 7.69230769px;
  border-right-width: 10px;
  border-left-width: 10px;
  height: 0;
  width: 0;
  background: transparent;
  z-index: 100;
  -webkit-animation: pulsate-star 1.4s ease-in-out infinite alternate-reverse;
          animation: pulsate-star 1.4s ease-in-out infinite alternate-reverse;
}
.star:before,
.star:after {
  border-color: #f7b93f transparent transparent transparent;
  border-style: solid;
  border-top-width: 7.69230769px;
  border-right-width: 10px;
  border-left-width: 10px;
  border-bottom: 0;
  content: '';
  display: block;
  height: 0;
  left: -10px;
  position: absolute;
  top: -7.69230769px;
  width: 0;
}
.star:before {
  -webkit-transform: translate(15.5555555%, -15.5555555%) rotate(72deg) translateY(50%);
          transform: translate(15.5555555%, -15.5555555%) rotate(72deg) translateY(50%);
}
.star:after {
  -webkit-transform: translate(-15.5555555%, -15.5555555%) rotate(-72deg) translateY(50%);
          transform: translate(-15.5555555%, -15.5555555%) rotate(-72deg) translateY(50%);
}
.spiral-container {
  width: 100%;
  height: 100%;
  display: block;
}
.spiral {
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.spiral.one {
  -webkit-animation: rotate-tree 6s infinite linear both;
          animation: rotate-tree 6s infinite linear both;
  -webkit-animation-delay: -1.7s;
          animation-delay: -1.7s;
}
.spiral.one .light {
  background: #fcfbe9;
}
.spiral.two {
  -webkit-animation: rotate-tree 7s infinite linear both;
          animation: rotate-tree 7s infinite linear both;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.spiral.two .light {
  background: #e8a41d;
}
.spiral.three {
  -webkit-animation: rotate-tree 8s infinite linear both;
          animation: rotate-tree 8s infinite linear both;
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}
.spiral.three .light {
  background: #f5e393;
}
.spiral > .light-wrapper {
  border-radius: 50%;
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  left: 50%;
  top: 50%;
  margin: -2.5px 0 0 -2.5px;
}
.spiral .stabilise {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}
.spiral .light {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  opacity: 1;
  -webkit-animation-name: pulsate;
          animation-name: pulsate;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate-reverse;
          animation-direction: alternate-reverse;
}
.spiral.one .light-wrapper.light-wrapper-1 {
  -webkit-transform: translate3d(0px, 0.08333333px, 0.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
          transform: translate3d(0px, 0.08333333px, 0.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
  width: 0.23255814px;
  height: 0.23255814px;
}
.spiral.one .light-wrapper.light-wrapper-1 .light {
  -webkit-animation-duration: 0.79212104s;
          animation-duration: 0.79212104s;
  -webkit-animation-delay: 1.10016434s;
          animation-delay: 1.10016434s;
}
.spiral.one .light-wrapper.light-wrapper-2 {
  -webkit-transform: translate3d(0.05788273px, 0.32826925px, 0.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-10deg);
          transform: translate3d(0.05788273px, 0.32826925px, 0.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-10deg);
  width: 0.46511628px;
  height: 0.46511628px;
}
.spiral.one .light-wrapper.light-wrapper-2 .light {
  -webkit-animation-duration: 0.88521279s;
          animation-duration: 0.88521279s;
  -webkit-animation-delay: 0.62875809s;
          animation-delay: 0.62875809s;
}
.spiral.one .light-wrapper.light-wrapper-3 {
  -webkit-transform: translate3d(0.25651511px, 0.70476947px, 1.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-20deg);
          transform: translate3d(0.25651511px, 0.70476947px, 1.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-20deg);
  width: 0.69767442px;
  height: 0.69767442px;
}
.spiral.one .light-wrapper.light-wrapper-3 .light {
  -webkit-animation-duration: 1.12866946s;
          animation-duration: 1.12866946s;
  -webkit-animation-delay: 1.11370435s;
          animation-delay: 1.11370435s;
}
.spiral.one .light-wrapper.light-wrapper-4 {
  -webkit-transform: translate3d(0.66666667px, 1.15470054px, 2.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-30deg);
          transform: translate3d(0.66666667px, 1.15470054px, 2.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-30deg);
  width: 0.93023256px;
  height: 0.93023256px;
}
.spiral.one .light-wrapper.light-wrapper-4 .light {
  -webkit-animation-duration: 1.28161973s;
          animation-duration: 1.28161973s;
  -webkit-animation-delay: 0.80914052s;
          animation-delay: 0.80914052s;
}
.spiral.one .light-wrapper.light-wrapper-5 {
  -webkit-transform: translate3d(1.33914085px, 1.59592592px, 3.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-40deg);
          transform: translate3d(1.33914085px, 1.59592592px, 3.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-40deg);
  width: 1.1627907px;
  height: 1.1627907px;
}
.spiral.one .light-wrapper.light-wrapper-5 .light {
  -webkit-animation-duration: 0.32535362s;
          animation-duration: 0.32535362s;
  -webkit-animation-delay: 0.36202483s;
          animation-delay: 0.36202483s;
}
.spiral.one .light-wrapper.light-wrapper-6 {
  -webkit-transform: translate3d(2.29813333px, 1.92836283px, 5.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-50deg);
          transform: translate3d(2.29813333px, 1.92836283px, 5.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-50deg);
  width: 1.39534884px;
  height: 1.39534884px;
}
.spiral.one .light-wrapper.light-wrapper-6 .light {
  -webkit-animation-duration: 0.49834033s;
          animation-duration: 0.49834033s;
  -webkit-animation-delay: 0.51726387s;
          animation-delay: 0.51726387s;
}
.spiral.one .light-wrapper.light-wrapper-7 {
  -webkit-transform: translate3d(3.5362704px, 2.04166667px, 7px) rotateX(90deg) rotateZ(0deg) rotateY(-60deg);
          transform: translate3d(3.5362704px, 2.04166667px, 7px) rotateX(90deg) rotateZ(0deg) rotateY(-60deg);
  width: 1.62790698px;
  height: 1.62790698px;
}
.spiral.one .light-wrapper.light-wrapper-7 .light {
  -webkit-animation-duration: 0.54305179s;
          animation-duration: 0.54305179s;
  -webkit-animation-delay: 0.59442392s;
          animation-delay: 0.59442392s;
}
.spiral.one .light-wrapper.light-wrapper-8 {
  -webkit-transform: translate3d(5.01169398px, 1.82410743px, 9.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-70deg);
          transform: translate3d(5.01169398px, 1.82410743px, 9.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-70deg);
  width: 1.86046512px;
  height: 1.86046512px;
}
.spiral.one .light-wrapper.light-wrapper-8 .light {
  -webkit-animation-duration: 0.76142837s;
          animation-duration: 0.76142837s;
  -webkit-animation-delay: 1.07762818s;
          animation-delay: 1.07762818s;
}
.spiral.one .light-wrapper.light-wrapper-9 {
  -webkit-transform: translate3d(6.64745233px, 1.1721252px, 11.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-80deg);
          transform: translate3d(6.64745233px, 1.1721252px, 11.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-80deg);
  width: 2.09302326px;
  height: 2.09302326px;
}
.spiral.one .light-wrapper.light-wrapper-9 .light {
  -webkit-animation-duration: 1.04193099s;
          animation-duration: 1.04193099s;
  -webkit-animation-delay: 0.41266539s;
          animation-delay: 0.41266539s;
}
.spiral.one .light-wrapper.light-wrapper-10 {
  -webkit-transform: translate3d(8.33333333px, 0px, 14.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-90deg);
          transform: translate3d(8.33333333px, 0px, 14.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-90deg);
  width: 2.3255814px;
  height: 2.3255814px;
}
.spiral.one .light-wrapper.light-wrapper-10 .light {
  -webkit-animation-duration: 0.31771952s;
          animation-duration: 0.31771952s;
  -webkit-animation-delay: 0.97304316s;
          animation-delay: 0.97304316s;
}
.spiral.one .light-wrapper.light-wrapper-11 {
  -webkit-transform: translate3d(9.93014484px, -1.75095246px, 17.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-100deg);
          transform: translate3d(9.93014484px, -1.75095246px, 17.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-100deg);
  width: 2.55813953px;
  height: 2.55813953px;
}
.spiral.one .light-wrapper.light-wrapper-11 .light {
  -webkit-animation-duration: 0.62730265s;
          animation-duration: 0.62730265s;
  -webkit-animation-delay: 0.5663671s;
          animation-delay: 0.5663671s;
}
.spiral.one .light-wrapper.light-wrapper-12 {
  -webkit-transform: translate3d(11.27631145px, -4.10424172px, 20.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-110deg);
          transform: translate3d(11.27631145px, -4.10424172px, 20.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-110deg);
  width: 2.79069767px;
  height: 2.79069767px;
}
.spiral.one .light-wrapper.light-wrapper-12 .light {
  -webkit-animation-duration: 0.32504095s;
          animation-duration: 0.32504095s;
  -webkit-animation-delay: 0.76813239s;
          animation-delay: 0.76813239s;
}
.spiral.one .light-wrapper.light-wrapper-13 {
  -webkit-transform: translate3d(12.19652444px, -7.04166667px, 24.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-120deg);
          transform: translate3d(12.19652444px, -7.04166667px, 24.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-120deg);
  width: 3.02325581px;
  height: 3.02325581px;
}
.spiral.one .light-wrapper.light-wrapper-13 .light {
  -webkit-animation-duration: 1.22741695s;
          animation-duration: 1.22741695s;
  -webkit-animation-delay: 0.74140379s;
          animation-delay: 0.74140379s;
}
.spiral.one .light-wrapper.light-wrapper-14 {
  -webkit-transform: translate3d(12.51205924px, -10.49886429px, 28px) rotateX(90deg) rotateZ(0deg) rotateY(-130deg);
          transform: translate3d(12.51205924px, -10.49886429px, 28px) rotateX(90deg) rotateZ(0deg) rotateY(-130deg);
  width: 3.25581395px;
  height: 3.25581395px;
}
.spiral.one .light-wrapper.light-wrapper-14 .light {
  -webkit-animation-duration: 0.45454497s;
          animation-duration: 0.45454497s;
  -webkit-animation-delay: 0.88823467s;
          animation-delay: 0.88823467s;
}
.spiral.one .light-wrapper.light-wrapper-15 {
  -webkit-transform: translate3d(12.05226768px, -14.36333331px, 32.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-140deg);
          transform: translate3d(12.05226768px, -14.36333331px, 32.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-140deg);
  width: 3.48837209px;
  height: 3.48837209px;
}
.spiral.one .light-wrapper.light-wrapper-15 .light {
  -webkit-animation-duration: 0.59266756s;
          animation-duration: 0.59266756s;
  -webkit-animation-delay: 1.056181s;
          animation-delay: 1.056181s;
}
.spiral.one .light-wrapper.light-wrapper-16 {
  -webkit-transform: translate3d(10.66666667px, -18.47520861px, 36.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-150deg);
          transform: translate3d(10.66666667px, -18.47520861px, 36.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-150deg);
  width: 3.72093023px;
  height: 3.72093023px;
}
.spiral.one .light-wrapper.light-wrapper-16 .light {
  -webkit-animation-duration: 0.55753882s;
          animation-duration: 0.55753882s;
  -webkit-animation-delay: 0.76960239s;
          animation-delay: 0.76960239s;
}
.spiral.one .light-wrapper.light-wrapper-17 {
  -webkit-transform: translate3d(8.23698512px, -22.63093062px, 41.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-160deg);
          transform: translate3d(8.23698512px, -22.63093062px, 41.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-160deg);
  width: 3.95348837px;
  height: 3.95348837px;
}
.spiral.one .light-wrapper.light-wrapper-17 .light {
  -webkit-animation-duration: 0.53235081s;
          animation-duration: 0.53235081s;
  -webkit-animation-delay: 0.58441503s;
          animation-delay: 0.58441503s;
}
.spiral.one .light-wrapper.light-wrapper-18 {
  -webkit-transform: translate3d(4.6885008px, -26.58980933px, 46.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-170deg);
          transform: translate3d(4.6885008px, -26.58980933px, 46.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-170deg);
  width: 4.18604651px;
  height: 4.18604651px;
}
.spiral.one .light-wrapper.light-wrapper-18 .light {
  -webkit-animation-duration: 1.08056808s;
          animation-duration: 1.08056808s;
  -webkit-animation-delay: 1.1121522s;
          animation-delay: 1.1121522s;
}
.spiral.one .light-wrapper.light-wrapper-19 {
  -webkit-transform: translate3d(0px, -30.08333333px, 51.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-180deg);
          transform: translate3d(0px, -30.08333333px, 51.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-180deg);
  width: 4.41860465px;
  height: 4.41860465px;
}
.spiral.one .light-wrapper.light-wrapper-19 .light {
  -webkit-animation-duration: 0.37265359s;
          animation-duration: 0.37265359s;
  -webkit-animation-delay: 1.15154737s;
          animation-delay: 1.15154737s;
}
.spiral.one .light-wrapper.light-wrapper-20 {
  -webkit-transform: translate3d(-5.78827259px, -32.8269251px, 57.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-190deg);
          transform: translate3d(-5.78827259px, -32.8269251px, 57.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-190deg);
  width: 4.65116279px;
  height: 4.65116279px;
}
.spiral.one .light-wrapper.light-wrapper-20 .light {
  -webkit-animation-duration: 0.61104228s;
          animation-duration: 0.61104228s;
  -webkit-animation-delay: 0.35167769s;
          animation-delay: 0.35167769s;
}
.spiral.one .light-wrapper.light-wrapper-21 {
  -webkit-transform: translate3d(-12.56924027px, -34.53370381px, 63px) rotateX(90deg) rotateZ(0deg) rotateY(-200deg);
          transform: translate3d(-12.56924027px, -34.53370381px, 63px) rotateX(90deg) rotateZ(0deg) rotateY(-200deg);
  width: 4.88372093px;
  height: 4.88372093px;
}
.spiral.one .light-wrapper.light-wrapper-21 .light {
  -webkit-animation-duration: 0.60475842s;
          animation-duration: 0.60475842s;
  -webkit-animation-delay: 1.10110205s;
          animation-delay: 1.10110205s;
}
.spiral.one .light-wrapper.light-wrapper-22 {
  -webkit-transform: translate3d(-20.16666667px, -34.92969129px, 69.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-210deg);
          transform: translate3d(-20.16666667px, -34.92969129px, 69.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-210deg);
  width: 5.11627907px;
  height: 5.11627907px;
}
.spiral.one .light-wrapper.light-wrapper-22 .light {
  -webkit-animation-duration: 1.21505492s;
          animation-duration: 1.21505492s;
  -webkit-animation-delay: 0.99802464s;
          animation-delay: 0.99802464s;
}
.spiral.one .light-wrapper.light-wrapper-23 {
  -webkit-transform: translate3d(-28.33622046px, -33.76979253px, 75.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-220deg);
          transform: translate3d(-28.33622046px, -33.76979253px, 75.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-220deg);
  width: 5.34883721px;
  height: 5.34883721px;
}
.spiral.one .light-wrapper.light-wrapper-23 .light {
  -webkit-animation-duration: 0.43077608s;
          animation-duration: 0.43077608s;
  -webkit-animation-delay: 1.12136734s;
          animation-delay: 1.12136734s;
}
.spiral.one .light-wrapper.light-wrapper-24 {
  -webkit-transform: translate3d(-36.77013327px, -30.85380526px, 82.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-230deg);
          transform: translate3d(-36.77013327px, -30.85380526px, 82.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-230deg);
  width: 5.58139535px;
  height: 5.58139535px;
}
.spiral.one .light-wrapper.light-wrapper-24 .light {
  -webkit-animation-duration: 0.94507637s;
          animation-duration: 0.94507637s;
  -webkit-animation-delay: 0.82939099s;
          animation-delay: 0.82939099s;
}
.spiral.one .light-wrapper.light-wrapper-25 {
  -webkit-transform: translate3d(-45.10548978px, -26.04166667px, 89.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-240deg);
          transform: translate3d(-45.10548978px, -26.04166667px, 89.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-240deg);
  width: 5.81395349px;
  height: 5.81395349px;
}
.spiral.one .light-wrapper.light-wrapper-25 .light {
  -webkit-animation-duration: 0.66707092s;
          animation-duration: 0.66707092s;
  -webkit-animation-delay: 0.74576998s;
          animation-delay: 0.74576998s;
}
.spiral.one .light-wrapper.light-wrapper-26 {
  -webkit-transform: translate3d(-52.93601764px, -19.26713474px, 96.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-250deg);
          transform: translate3d(-52.93601764px, -19.26713474px, 96.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-250deg);
  width: 6.04651163px;
  height: 6.04651163px;
}
.spiral.one .light-wrapper.light-wrapper-26 .light {
  -webkit-animation-duration: 0.61286277s;
          animation-duration: 0.61286277s;
  -webkit-animation-delay: 1.24007306s;
          animation-delay: 1.24007306s;
}
.spiral.one .light-wrapper.light-wrapper-27 {
  -webkit-transform: translate3d(-59.827071px, -10.54912679px, 104.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-260deg);
          transform: translate3d(-59.827071px, -10.54912679px, 104.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-260deg);
  width: 6.27906977px;
  height: 6.27906977px;
}
.spiral.one .light-wrapper.light-wrapper-27 .light {
  -webkit-animation-duration: 0.84406444s;
          animation-duration: 0.84406444s;
  -webkit-animation-delay: 0.62378839s;
          animation-delay: 0.62378839s;
}
.spiral.one .light-wrapper.light-wrapper-28 {
  -webkit-transform: translate3d(-65.33333333px, 0px, 112px) rotateX(90deg) rotateZ(0deg) rotateY(-270deg);
          transform: translate3d(-65.33333333px, 0px, 112px) rotateX(90deg) rotateZ(0deg) rotateY(-270deg);
  width: 6.51162791px;
  height: 6.51162791px;
}
.spiral.one .light-wrapper.light-wrapper-28 .light {
  -webkit-animation-duration: 0.89193975s;
          animation-duration: 0.89193975s;
  -webkit-animation-delay: 0.93952784s;
          animation-delay: 0.93952784s;
}
.spiral.one .light-wrapper.light-wrapper-29 {
  -webkit-transform: translate3d(-69.01861002px, 12.16984312px, 120.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-280deg);
          transform: translate3d(-69.01861002px, 12.16984312px, 120.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-280deg);
  width: 6.74418605px;
  height: 6.74418605px;
}
.spiral.one .light-wrapper.light-wrapper-29 .light {
  -webkit-animation-duration: 0.78018446s;
          animation-duration: 0.78018446s;
  -webkit-animation-delay: 1.18877958s;
          animation-delay: 1.18877958s;
}
.spiral.one .light-wrapper.light-wrapper-30 {
  -webkit-transform: translate3d(-70.47694656px, 25.65151075px, 128.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-290deg);
          transform: translate3d(-70.47694656px, 25.65151075px, 128.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-290deg);
  width: 6.97674419px;
  height: 6.97674419px;
}
.spiral.one .light-wrapper.light-wrapper-30 .light {
  -webkit-animation-duration: 0.41525837s;
          animation-duration: 0.41525837s;
  -webkit-animation-delay: 0.37531027s;
          animation-delay: 0.37531027s;
}
.spiral.one .light-wrapper.light-wrapper-31 {
  -webkit-transform: translate3d(-69.35420109px, 40.04166667px, 137.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-300deg);
          transform: translate3d(-69.35420109px, 40.04166667px, 137.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-300deg);
  width: 7.20930233px;
  height: 7.20930233px;
}
.spiral.one .light-wrapper.light-wrapper-31 .light {
  -webkit-animation-duration: 0.41201468s;
          animation-duration: 0.41201468s;
  -webkit-animation-delay: 0.83473889s;
          animation-delay: 0.83473889s;
}
.spiral.one .light-wrapper.light-wrapper-32 {
  -webkit-transform: translate3d(-65.36912581px, 54.85120936px, 146.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-310deg);
          transform: translate3d(-65.36912581px, 54.85120936px, 146.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-310deg);
  width: 7.44186047px;
  height: 7.44186047px;
}
.spiral.one .light-wrapper.light-wrapper-32 .light {
  -webkit-animation-duration: 0.96716602s;
          animation-duration: 0.96716602s;
  -webkit-animation-delay: 1.23999467s;
          animation-delay: 1.23999467s;
}
.spiral.one .light-wrapper.light-wrapper-33 {
  -webkit-transform: translate3d(-58.33297558px, 69.51853321px, 155.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-320deg);
          transform: translate3d(-58.33297558px, 69.51853321px, 155.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-320deg);
  width: 7.6744186px;
  height: 7.6744186px;
}
.spiral.one .light-wrapper.light-wrapper-33 .light {
  -webkit-animation-duration: 0.78652565s;
          animation-duration: 0.78652565s;
  -webkit-animation-delay: 1.26803374s;
          animation-delay: 1.26803374s;
}
.spiral.one .light-wrapper.light-wrapper-34 {
  -webkit-transform: translate3d(-48.16666667px, 83.4271139px, 165.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-330deg);
          transform: translate3d(-48.16666667px, 83.4271139px, 165.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-330deg);
  width: 7.90697674px;
  height: 7.90697674px;
}
.spiral.one .light-wrapper.light-wrapper-34 .light {
  -webkit-animation-duration: 1.03183749s;
          animation-duration: 1.03183749s;
  -webkit-animation-delay: 0.3817619s;
          animation-delay: 0.3817619s;
}
.spiral.one .light-wrapper.light-wrapper-35 {
  -webkit-transform: translate3d(-34.9145563px, 95.92695504px, 175px) rotateX(90deg) rotateZ(0deg) rotateY(-340deg);
          transform: translate3d(-34.9145563px, 95.92695504px, 175px) rotateX(90deg) rotateZ(0deg) rotateY(-340deg);
  width: 8.13953488px;
  height: 8.13953488px;
}
.spiral.one .light-wrapper.light-wrapper-35 .light {
  -webkit-animation-duration: 0.57934622s;
          animation-duration: 0.57934622s;
  -webkit-animation-delay: 1.05309924s;
          animation-delay: 1.05309924s;
}
.spiral.one .light-wrapper.light-wrapper-36 {
  -webkit-transform: translate3d(-18.75400319px, 106.35923733px, 185.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-350deg);
          transform: translate3d(-18.75400319px, 106.35923733px, 185.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-350deg);
  width: 8.37209302px;
  height: 8.37209302px;
}
.spiral.one .light-wrapper.light-wrapper-36 .light {
  -webkit-animation-duration: 0.96307531s;
          animation-duration: 0.96307531s;
  -webkit-animation-delay: 0.54596786s;
          animation-delay: 0.54596786s;
}
.spiral.one .light-wrapper.light-wrapper-37 {
  -webkit-transform: translate3d(0px, 114.08333333px, 195.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-360deg);
          transform: translate3d(0px, 114.08333333px, 195.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-360deg);
  width: 8.60465116px;
  height: 8.60465116px;
}
.spiral.one .light-wrapper.light-wrapper-37 .light {
  -webkit-animation-duration: 0.82129866s;
          animation-duration: 0.82129866s;
  -webkit-animation-delay: 0.3265725s;
          animation-delay: 0.3265725s;
}
.spiral.one .light-wrapper.light-wrapper-38 {
  -webkit-transform: translate3d(20.89566405px, 118.50519961px, 206.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-370deg);
          transform: translate3d(20.89566405px, 118.50519961px, 206.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-370deg);
  width: 8.8372093px;
  height: 8.8372093px;
}
.spiral.one .light-wrapper.light-wrapper-38 .light {
  -webkit-animation-duration: 0.95115011s;
          animation-duration: 0.95115011s;
  -webkit-animation-delay: 0.42597607s;
          animation-delay: 0.42597607s;
}
.spiral.one .light-wrapper.light-wrapper-39 {
  -webkit-transform: translate3d(43.35105317px, 119.10603968px, 217.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-380deg);
          transform: translate3d(43.35105317px, 119.10603968px, 217.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-380deg);
  width: 9.06976744px;
  height: 9.06976744px;
}
.spiral.one .light-wrapper.light-wrapper-39 .light {
  -webkit-animation-duration: 0.96302001s;
          animation-duration: 0.96302001s;
  -webkit-animation-delay: 0.38884323s;
          animation-delay: 0.38884323s;
}
.spiral.one .light-wrapper.light-wrapper-40 {
  -webkit-transform: translate3d(66.66666667px, 115.47005384px, 228.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-390deg);
          transform: translate3d(66.66666667px, 115.47005384px, 228.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-390deg);
  width: 9.30232558px;
  height: 9.30232558px;
}
.spiral.one .light-wrapper.light-wrapper-40 .light {
  -webkit-animation-duration: 1.21066695s;
          animation-duration: 1.21066695s;
  -webkit-animation-delay: 0.54574826s;
          animation-delay: 0.54574826s;
}
.spiral.one .light-wrapper.light-wrapper-41 {
  -webkit-transform: translate3d(90.04383099px, 107.31005907px, 240.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-400deg);
          transform: translate3d(90.04383099px, 107.31005907px, 240.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-400deg);
  width: 9.53488372px;
  height: 9.53488372px;
}
.spiral.one .light-wrapper.light-wrapper-41 .light {
  -webkit-animation-duration: 0.86967821s;
          animation-duration: 0.86967821s;
  -webkit-animation-delay: 0.49962009s;
          animation-delay: 0.49962009s;
}
.spiral.one .light-wrapper.light-wrapper-42 {
  -webkit-transform: translate3d(112.60853314px, 94.48977862px, 252px) rotateX(90deg) rotateZ(0deg) rotateY(-410deg);
          transform: translate3d(112.60853314px, 94.48977862px, 252px) rotateX(90deg) rotateZ(0deg) rotateY(-410deg);
  width: 9.76744186px;
  height: 9.76744186px;
}
.spiral.one .light-wrapper.light-wrapper-42 .light {
  -webkit-animation-duration: 0.9823018s;
          animation-duration: 0.9823018s;
  -webkit-animation-delay: 1.16382251s;
          animation-delay: 1.16382251s;
}
.spiral.one .light-wrapper.light-wrapper-43 {
  -webkit-transform: translate3d(133.44008097px, 77.04166667px, 264.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-420deg);
          transform: translate3d(133.44008097px, 77.04166667px, 264.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-420deg);
  width: 10px;
  height: 10px;
}
.spiral.one .light-wrapper.light-wrapper-43 .light {
  -webkit-animation-duration: 1.07956181s;
          animation-duration: 1.07956181s;
  -webkit-animation-delay: 0.82553505s;
          animation-delay: 0.82553505s;
}
.spiral.two .light-wrapper.light-wrapper-1 {
  -webkit-transform: translate3d(0px, 0.08333333px, 0.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
          transform: translate3d(0px, 0.08333333px, 0.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
  width: 0.34883721px;
  height: 0.34883721px;
}
.spiral.two .light-wrapper.light-wrapper-1 .light {
  -webkit-animation-duration: 0.99989111s;
          animation-duration: 0.99989111s;
  -webkit-animation-delay: 0.32540462s;
          animation-delay: 0.32540462s;
}
.spiral.two .light-wrapper.light-wrapper-2 {
  -webkit-transform: translate3d(0.05788273px, 0.32826925px, 0.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-10deg);
          transform: translate3d(0.05788273px, 0.32826925px, 0.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-10deg);
  width: 0.69767442px;
  height: 0.69767442px;
}
.spiral.two .light-wrapper.light-wrapper-2 .light {
  -webkit-animation-duration: 0.34305638s;
          animation-duration: 0.34305638s;
  -webkit-animation-delay: 0.49976271s;
          animation-delay: 0.49976271s;
}
.spiral.two .light-wrapper.light-wrapper-3 {
  -webkit-transform: translate3d(0.25651511px, 0.70476947px, 1.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-20deg);
          transform: translate3d(0.25651511px, 0.70476947px, 1.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-20deg);
  width: 1.04651163px;
  height: 1.04651163px;
}
.spiral.two .light-wrapper.light-wrapper-3 .light {
  -webkit-animation-duration: 0.80962062s;
          animation-duration: 0.80962062s;
  -webkit-animation-delay: 0.72818048s;
          animation-delay: 0.72818048s;
}
.spiral.two .light-wrapper.light-wrapper-4 {
  -webkit-transform: translate3d(0.66666667px, 1.15470054px, 2.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-30deg);
          transform: translate3d(0.66666667px, 1.15470054px, 2.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-30deg);
  width: 1.39534884px;
  height: 1.39534884px;
}
.spiral.two .light-wrapper.light-wrapper-4 .light {
  -webkit-animation-duration: 0.52369644s;
          animation-duration: 0.52369644s;
  -webkit-animation-delay: 0.74283808s;
          animation-delay: 0.74283808s;
}
.spiral.two .light-wrapper.light-wrapper-5 {
  -webkit-transform: translate3d(1.33914085px, 1.59592592px, 3.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-40deg);
          transform: translate3d(1.33914085px, 1.59592592px, 3.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-40deg);
  width: 1.74418605px;
  height: 1.74418605px;
}
.spiral.two .light-wrapper.light-wrapper-5 .light {
  -webkit-animation-duration: 0.74188135s;
          animation-duration: 0.74188135s;
  -webkit-animation-delay: 0.4697956s;
          animation-delay: 0.4697956s;
}
.spiral.two .light-wrapper.light-wrapper-6 {
  -webkit-transform: translate3d(2.29813333px, 1.92836283px, 5.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-50deg);
          transform: translate3d(2.29813333px, 1.92836283px, 5.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-50deg);
  width: 2.09302326px;
  height: 2.09302326px;
}
.spiral.two .light-wrapper.light-wrapper-6 .light {
  -webkit-animation-duration: 1.23068838s;
          animation-duration: 1.23068838s;
  -webkit-animation-delay: 0.48831506s;
          animation-delay: 0.48831506s;
}
.spiral.two .light-wrapper.light-wrapper-7 {
  -webkit-transform: translate3d(3.5362704px, 2.04166667px, 7px) rotateX(90deg) rotateZ(0deg) rotateY(-60deg);
          transform: translate3d(3.5362704px, 2.04166667px, 7px) rotateX(90deg) rotateZ(0deg) rotateY(-60deg);
  width: 2.44186047px;
  height: 2.44186047px;
}
.spiral.two .light-wrapper.light-wrapper-7 .light {
  -webkit-animation-duration: 0.47337081s;
          animation-duration: 0.47337081s;
  -webkit-animation-delay: 0.34606663s;
          animation-delay: 0.34606663s;
}
.spiral.two .light-wrapper.light-wrapper-8 {
  -webkit-transform: translate3d(5.01169398px, 1.82410743px, 9.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-70deg);
          transform: translate3d(5.01169398px, 1.82410743px, 9.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-70deg);
  width: 2.79069767px;
  height: 2.79069767px;
}
.spiral.two .light-wrapper.light-wrapper-8 .light {
  -webkit-animation-duration: 0.44060744s;
          animation-duration: 0.44060744s;
  -webkit-animation-delay: 1.29845091s;
          animation-delay: 1.29845091s;
}
.spiral.two .light-wrapper.light-wrapper-9 {
  -webkit-transform: translate3d(6.64745233px, 1.1721252px, 11.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-80deg);
          transform: translate3d(6.64745233px, 1.1721252px, 11.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-80deg);
  width: 3.13953488px;
  height: 3.13953488px;
}
.spiral.two .light-wrapper.light-wrapper-9 .light {
  -webkit-animation-duration: 1.09058874s;
          animation-duration: 1.09058874s;
  -webkit-animation-delay: 0.67335522s;
          animation-delay: 0.67335522s;
}
.spiral.two .light-wrapper.light-wrapper-10 {
  -webkit-transform: translate3d(8.33333333px, 0px, 14.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-90deg);
          transform: translate3d(8.33333333px, 0px, 14.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-90deg);
  width: 3.48837209px;
  height: 3.48837209px;
}
.spiral.two .light-wrapper.light-wrapper-10 .light {
  -webkit-animation-duration: 0.86910167s;
          animation-duration: 0.86910167s;
  -webkit-animation-delay: 1.06550406s;
          animation-delay: 1.06550406s;
}
.spiral.two .light-wrapper.light-wrapper-11 {
  -webkit-transform: translate3d(9.93014484px, -1.75095246px, 17.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-100deg);
          transform: translate3d(9.93014484px, -1.75095246px, 17.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-100deg);
  width: 3.8372093px;
  height: 3.8372093px;
}
.spiral.two .light-wrapper.light-wrapper-11 .light {
  -webkit-animation-duration: 0.79362833s;
          animation-duration: 0.79362833s;
  -webkit-animation-delay: 0.41708515s;
          animation-delay: 0.41708515s;
}
.spiral.two .light-wrapper.light-wrapper-12 {
  -webkit-transform: translate3d(11.27631145px, -4.10424172px, 20.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-110deg);
          transform: translate3d(11.27631145px, -4.10424172px, 20.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-110deg);
  width: 4.18604651px;
  height: 4.18604651px;
}
.spiral.two .light-wrapper.light-wrapper-12 .light {
  -webkit-animation-duration: 0.51995367s;
          animation-duration: 0.51995367s;
  -webkit-animation-delay: 0.83391077s;
          animation-delay: 0.83391077s;
}
.spiral.two .light-wrapper.light-wrapper-13 {
  -webkit-transform: translate3d(12.19652444px, -7.04166667px, 24.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-120deg);
          transform: translate3d(12.19652444px, -7.04166667px, 24.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-120deg);
  width: 4.53488372px;
  height: 4.53488372px;
}
.spiral.two .light-wrapper.light-wrapper-13 .light {
  -webkit-animation-duration: 1.2455536s;
          animation-duration: 1.2455536s;
  -webkit-animation-delay: 0.66544725s;
          animation-delay: 0.66544725s;
}
.spiral.two .light-wrapper.light-wrapper-14 {
  -webkit-transform: translate3d(12.51205924px, -10.49886429px, 28px) rotateX(90deg) rotateZ(0deg) rotateY(-130deg);
          transform: translate3d(12.51205924px, -10.49886429px, 28px) rotateX(90deg) rotateZ(0deg) rotateY(-130deg);
  width: 4.88372093px;
  height: 4.88372093px;
}
.spiral.two .light-wrapper.light-wrapper-14 .light {
  -webkit-animation-duration: 0.97742603s;
          animation-duration: 0.97742603s;
  -webkit-animation-delay: 1.0797646s;
          animation-delay: 1.0797646s;
}
.spiral.two .light-wrapper.light-wrapper-15 {
  -webkit-transform: translate3d(12.05226768px, -14.36333331px, 32.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-140deg);
          transform: translate3d(12.05226768px, -14.36333331px, 32.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-140deg);
  width: 5.23255814px;
  height: 5.23255814px;
}
.spiral.two .light-wrapper.light-wrapper-15 .light {
  -webkit-animation-duration: 0.63297219s;
          animation-duration: 0.63297219s;
  -webkit-animation-delay: 0.68153449s;
          animation-delay: 0.68153449s;
}
.spiral.two .light-wrapper.light-wrapper-16 {
  -webkit-transform: translate3d(10.66666667px, -18.47520861px, 36.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-150deg);
          transform: translate3d(10.66666667px, -18.47520861px, 36.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-150deg);
  width: 5.58139535px;
  height: 5.58139535px;
}
.spiral.two .light-wrapper.light-wrapper-16 .light {
  -webkit-animation-duration: 0.32508777s;
          animation-duration: 0.32508777s;
  -webkit-animation-delay: 0.85008113s;
          animation-delay: 0.85008113s;
}
.spiral.two .light-wrapper.light-wrapper-17 {
  -webkit-transform: translate3d(8.23698512px, -22.63093062px, 41.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-160deg);
          transform: translate3d(8.23698512px, -22.63093062px, 41.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-160deg);
  width: 5.93023256px;
  height: 5.93023256px;
}
.spiral.two .light-wrapper.light-wrapper-17 .light {
  -webkit-animation-duration: 0.33125039s;
          animation-duration: 0.33125039s;
  -webkit-animation-delay: 0.95810823s;
          animation-delay: 0.95810823s;
}
.spiral.two .light-wrapper.light-wrapper-18 {
  -webkit-transform: translate3d(4.6885008px, -26.58980933px, 46.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-170deg);
          transform: translate3d(4.6885008px, -26.58980933px, 46.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-170deg);
  width: 6.27906977px;
  height: 6.27906977px;
}
.spiral.two .light-wrapper.light-wrapper-18 .light {
  -webkit-animation-duration: 0.32600352s;
          animation-duration: 0.32600352s;
  -webkit-animation-delay: 1.18236647s;
          animation-delay: 1.18236647s;
}
.spiral.two .light-wrapper.light-wrapper-19 {
  -webkit-transform: translate3d(0px, -30.08333333px, 51.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-180deg);
          transform: translate3d(0px, -30.08333333px, 51.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-180deg);
  width: 6.62790698px;
  height: 6.62790698px;
}
.spiral.two .light-wrapper.light-wrapper-19 .light {
  -webkit-animation-duration: 0.48920479s;
          animation-duration: 0.48920479s;
  -webkit-animation-delay: 0.66749325s;
          animation-delay: 0.66749325s;
}
.spiral.two .light-wrapper.light-wrapper-20 {
  -webkit-transform: translate3d(-5.78827259px, -32.8269251px, 57.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-190deg);
          transform: translate3d(-5.78827259px, -32.8269251px, 57.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-190deg);
  width: 6.97674419px;
  height: 6.97674419px;
}
.spiral.two .light-wrapper.light-wrapper-20 .light {
  -webkit-animation-duration: 0.51554435s;
          animation-duration: 0.51554435s;
  -webkit-animation-delay: 0.47237565s;
          animation-delay: 0.47237565s;
}
.spiral.two .light-wrapper.light-wrapper-21 {
  -webkit-transform: translate3d(-12.56924027px, -34.53370381px, 63px) rotateX(90deg) rotateZ(0deg) rotateY(-200deg);
          transform: translate3d(-12.56924027px, -34.53370381px, 63px) rotateX(90deg) rotateZ(0deg) rotateY(-200deg);
  width: 7.3255814px;
  height: 7.3255814px;
}
.spiral.two .light-wrapper.light-wrapper-21 .light {
  -webkit-animation-duration: 0.94052667s;
          animation-duration: 0.94052667s;
  -webkit-animation-delay: 1.0547153s;
          animation-delay: 1.0547153s;
}
.spiral.two .light-wrapper.light-wrapper-22 {
  -webkit-transform: translate3d(-20.16666667px, -34.92969129px, 69.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-210deg);
          transform: translate3d(-20.16666667px, -34.92969129px, 69.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-210deg);
  width: 7.6744186px;
  height: 7.6744186px;
}
.spiral.two .light-wrapper.light-wrapper-22 .light {
  -webkit-animation-duration: 0.58484978s;
          animation-duration: 0.58484978s;
  -webkit-animation-delay: 0.98974969s;
          animation-delay: 0.98974969s;
}
.spiral.two .light-wrapper.light-wrapper-23 {
  -webkit-transform: translate3d(-28.33622046px, -33.76979253px, 75.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-220deg);
          transform: translate3d(-28.33622046px, -33.76979253px, 75.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-220deg);
  width: 8.02325581px;
  height: 8.02325581px;
}
.spiral.two .light-wrapper.light-wrapper-23 .light {
  -webkit-animation-duration: 1.07274384s;
          animation-duration: 1.07274384s;
  -webkit-animation-delay: 0.99661468s;
          animation-delay: 0.99661468s;
}
.spiral.two .light-wrapper.light-wrapper-24 {
  -webkit-transform: translate3d(-36.77013327px, -30.85380526px, 82.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-230deg);
          transform: translate3d(-36.77013327px, -30.85380526px, 82.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-230deg);
  width: 8.37209302px;
  height: 8.37209302px;
}
.spiral.two .light-wrapper.light-wrapper-24 .light {
  -webkit-animation-duration: 1.1925897s;
          animation-duration: 1.1925897s;
  -webkit-animation-delay: 0.7510174s;
          animation-delay: 0.7510174s;
}
.spiral.two .light-wrapper.light-wrapper-25 {
  -webkit-transform: translate3d(-45.10548978px, -26.04166667px, 89.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-240deg);
          transform: translate3d(-45.10548978px, -26.04166667px, 89.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-240deg);
  width: 8.72093023px;
  height: 8.72093023px;
}
.spiral.two .light-wrapper.light-wrapper-25 .light {
  -webkit-animation-duration: 0.38987284s;
          animation-duration: 0.38987284s;
  -webkit-animation-delay: 0.64606975s;
          animation-delay: 0.64606975s;
}
.spiral.two .light-wrapper.light-wrapper-26 {
  -webkit-transform: translate3d(-52.93601764px, -19.26713474px, 96.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-250deg);
          transform: translate3d(-52.93601764px, -19.26713474px, 96.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-250deg);
  width: 9.06976744px;
  height: 9.06976744px;
}
.spiral.two .light-wrapper.light-wrapper-26 .light {
  -webkit-animation-duration: 1.01700716s;
          animation-duration: 1.01700716s;
  -webkit-animation-delay: 0.83863666s;
          animation-delay: 0.83863666s;
}
.spiral.two .light-wrapper.light-wrapper-27 {
  -webkit-transform: translate3d(-59.827071px, -10.54912679px, 104.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-260deg);
          transform: translate3d(-59.827071px, -10.54912679px, 104.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-260deg);
  width: 9.41860465px;
  height: 9.41860465px;
}
.spiral.two .light-wrapper.light-wrapper-27 .light {
  -webkit-animation-duration: 0.8031764s;
          animation-duration: 0.8031764s;
  -webkit-animation-delay: 0.67088613s;
          animation-delay: 0.67088613s;
}
.spiral.two .light-wrapper.light-wrapper-28 {
  -webkit-transform: translate3d(-65.33333333px, 0px, 112px) rotateX(90deg) rotateZ(0deg) rotateY(-270deg);
          transform: translate3d(-65.33333333px, 0px, 112px) rotateX(90deg) rotateZ(0deg) rotateY(-270deg);
  width: 9.76744186px;
  height: 9.76744186px;
}
.spiral.two .light-wrapper.light-wrapper-28 .light {
  -webkit-animation-duration: 1.20721266s;
          animation-duration: 1.20721266s;
  -webkit-animation-delay: 0.5016399s;
          animation-delay: 0.5016399s;
}
.spiral.two .light-wrapper.light-wrapper-29 {
  -webkit-transform: translate3d(-69.01861002px, 12.16984312px, 120.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-280deg);
          transform: translate3d(-69.01861002px, 12.16984312px, 120.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-280deg);
  width: 10.11627907px;
  height: 10.11627907px;
}
.spiral.two .light-wrapper.light-wrapper-29 .light {
  -webkit-animation-duration: 1.24073856s;
          animation-duration: 1.24073856s;
  -webkit-animation-delay: 0.76488449s;
          animation-delay: 0.76488449s;
}
.spiral.two .light-wrapper.light-wrapper-30 {
  -webkit-transform: translate3d(-70.47694656px, 25.65151075px, 128.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-290deg);
          transform: translate3d(-70.47694656px, 25.65151075px, 128.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-290deg);
  width: 10.46511628px;
  height: 10.46511628px;
}
.spiral.two .light-wrapper.light-wrapper-30 .light {
  -webkit-animation-duration: 0.43017973s;
          animation-duration: 0.43017973s;
  -webkit-animation-delay: 0.40646178s;
          animation-delay: 0.40646178s;
}
.spiral.two .light-wrapper.light-wrapper-31 {
  -webkit-transform: translate3d(-69.35420109px, 40.04166667px, 137.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-300deg);
          transform: translate3d(-69.35420109px, 40.04166667px, 137.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-300deg);
  width: 10.81395349px;
  height: 10.81395349px;
}
.spiral.two .light-wrapper.light-wrapper-31 .light {
  -webkit-animation-duration: 0.31504336s;
          animation-duration: 0.31504336s;
  -webkit-animation-delay: 0.53190853s;
          animation-delay: 0.53190853s;
}
.spiral.two .light-wrapper.light-wrapper-32 {
  -webkit-transform: translate3d(-65.36912581px, 54.85120936px, 146.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-310deg);
          transform: translate3d(-65.36912581px, 54.85120936px, 146.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-310deg);
  width: 11.1627907px;
  height: 11.1627907px;
}
.spiral.two .light-wrapper.light-wrapper-32 .light {
  -webkit-animation-duration: 0.55065919s;
          animation-duration: 0.55065919s;
  -webkit-animation-delay: 0.78821079s;
          animation-delay: 0.78821079s;
}
.spiral.two .light-wrapper.light-wrapper-33 {
  -webkit-transform: translate3d(-58.33297558px, 69.51853321px, 155.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-320deg);
          transform: translate3d(-58.33297558px, 69.51853321px, 155.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-320deg);
  width: 11.51162791px;
  height: 11.51162791px;
}
.spiral.two .light-wrapper.light-wrapper-33 .light {
  -webkit-animation-duration: 0.81215075s;
          animation-duration: 0.81215075s;
  -webkit-animation-delay: 0.43568856s;
          animation-delay: 0.43568856s;
}
.spiral.two .light-wrapper.light-wrapper-34 {
  -webkit-transform: translate3d(-48.16666667px, 83.4271139px, 165.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-330deg);
          transform: translate3d(-48.16666667px, 83.4271139px, 165.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-330deg);
  width: 11.86046512px;
  height: 11.86046512px;
}
.spiral.two .light-wrapper.light-wrapper-34 .light {
  -webkit-animation-duration: 0.68412132s;
          animation-duration: 0.68412132s;
  -webkit-animation-delay: 0.96138721s;
          animation-delay: 0.96138721s;
}
.spiral.two .light-wrapper.light-wrapper-35 {
  -webkit-transform: translate3d(-34.9145563px, 95.92695504px, 175px) rotateX(90deg) rotateZ(0deg) rotateY(-340deg);
          transform: translate3d(-34.9145563px, 95.92695504px, 175px) rotateX(90deg) rotateZ(0deg) rotateY(-340deg);
  width: 12.20930233px;
  height: 12.20930233px;
}
.spiral.two .light-wrapper.light-wrapper-35 .light {
  -webkit-animation-duration: 1.08261556s;
          animation-duration: 1.08261556s;
  -webkit-animation-delay: 0.93722737s;
          animation-delay: 0.93722737s;
}
.spiral.two .light-wrapper.light-wrapper-36 {
  -webkit-transform: translate3d(-18.75400319px, 106.35923733px, 185.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-350deg);
          transform: translate3d(-18.75400319px, 106.35923733px, 185.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-350deg);
  width: 12.55813953px;
  height: 12.55813953px;
}
.spiral.two .light-wrapper.light-wrapper-36 .light {
  -webkit-animation-duration: 0.53618608s;
          animation-duration: 0.53618608s;
  -webkit-animation-delay: 0.65695954s;
          animation-delay: 0.65695954s;
}
.spiral.two .light-wrapper.light-wrapper-37 {
  -webkit-transform: translate3d(0px, 114.08333333px, 195.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-360deg);
          transform: translate3d(0px, 114.08333333px, 195.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-360deg);
  width: 12.90697674px;
  height: 12.90697674px;
}
.spiral.two .light-wrapper.light-wrapper-37 .light {
  -webkit-animation-duration: 1.15342272s;
          animation-duration: 1.15342272s;
  -webkit-animation-delay: 0.40748666s;
          animation-delay: 0.40748666s;
}
.spiral.two .light-wrapper.light-wrapper-38 {
  -webkit-transform: translate3d(20.89566405px, 118.50519961px, 206.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-370deg);
          transform: translate3d(20.89566405px, 118.50519961px, 206.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-370deg);
  width: 13.25581395px;
  height: 13.25581395px;
}
.spiral.two .light-wrapper.light-wrapper-38 .light {
  -webkit-animation-duration: 0.740163s;
          animation-duration: 0.740163s;
  -webkit-animation-delay: 0.48631921s;
          animation-delay: 0.48631921s;
}
.spiral.two .light-wrapper.light-wrapper-39 {
  -webkit-transform: translate3d(43.35105317px, 119.10603968px, 217.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-380deg);
          transform: translate3d(43.35105317px, 119.10603968px, 217.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-380deg);
  width: 13.60465116px;
  height: 13.60465116px;
}
.spiral.two .light-wrapper.light-wrapper-39 .light {
  -webkit-animation-duration: 0.94370936s;
          animation-duration: 0.94370936s;
  -webkit-animation-delay: 0.3478912s;
          animation-delay: 0.3478912s;
}
.spiral.two .light-wrapper.light-wrapper-40 {
  -webkit-transform: translate3d(66.66666667px, 115.47005384px, 228.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-390deg);
          transform: translate3d(66.66666667px, 115.47005384px, 228.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-390deg);
  width: 13.95348837px;
  height: 13.95348837px;
}
.spiral.two .light-wrapper.light-wrapper-40 .light {
  -webkit-animation-duration: 0.5362447s;
          animation-duration: 0.5362447s;
  -webkit-animation-delay: 0.73770244s;
          animation-delay: 0.73770244s;
}
.spiral.two .light-wrapper.light-wrapper-41 {
  -webkit-transform: translate3d(90.04383099px, 107.31005907px, 240.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-400deg);
          transform: translate3d(90.04383099px, 107.31005907px, 240.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-400deg);
  width: 14.30232558px;
  height: 14.30232558px;
}
.spiral.two .light-wrapper.light-wrapper-41 .light {
  -webkit-animation-duration: 1.03353905s;
          animation-duration: 1.03353905s;
  -webkit-animation-delay: 0.98075307s;
          animation-delay: 0.98075307s;
}
.spiral.two .light-wrapper.light-wrapper-42 {
  -webkit-transform: translate3d(112.60853314px, 94.48977862px, 252px) rotateX(90deg) rotateZ(0deg) rotateY(-410deg);
          transform: translate3d(112.60853314px, 94.48977862px, 252px) rotateX(90deg) rotateZ(0deg) rotateY(-410deg);
  width: 14.65116279px;
  height: 14.65116279px;
}
.spiral.two .light-wrapper.light-wrapper-42 .light {
  -webkit-animation-duration: 0.71116758s;
          animation-duration: 0.71116758s;
  -webkit-animation-delay: 0.75934222s;
          animation-delay: 0.75934222s;
}
.spiral.two .light-wrapper.light-wrapper-43 {
  -webkit-transform: translate3d(133.44008097px, 77.04166667px, 264.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-420deg);
          transform: translate3d(133.44008097px, 77.04166667px, 264.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-420deg);
  width: 15px;
  height: 15px;
}
.spiral.two .light-wrapper.light-wrapper-43 .light {
  -webkit-animation-duration: 0.80642214s;
          animation-duration: 0.80642214s;
  -webkit-animation-delay: 0.99340991s;
          animation-delay: 0.99340991s;
}
.spiral.three .light-wrapper.light-wrapper-1 {
  -webkit-transform: translate3d(0px, 0.08333333px, 0.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
          transform: translate3d(0px, 0.08333333px, 0.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
  width: 0.23255814px;
  height: 0.23255814px;
}
.spiral.three .light-wrapper.light-wrapper-1 .light {
  -webkit-animation-duration: 1.23213679s;
          animation-duration: 1.23213679s;
  -webkit-animation-delay: 0.72388593s;
          animation-delay: 0.72388593s;
}
.spiral.three .light-wrapper.light-wrapper-2 {
  -webkit-transform: translate3d(0.05788273px, 0.32826925px, 0.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-10deg);
          transform: translate3d(0.05788273px, 0.32826925px, 0.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-10deg);
  width: 0.46511628px;
  height: 0.46511628px;
}
.spiral.three .light-wrapper.light-wrapper-2 .light {
  -webkit-animation-duration: 0.74761777s;
          animation-duration: 0.74761777s;
  -webkit-animation-delay: 1.01926649s;
          animation-delay: 1.01926649s;
}
.spiral.three .light-wrapper.light-wrapper-3 {
  -webkit-transform: translate3d(0.25651511px, 0.70476947px, 1.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-20deg);
          transform: translate3d(0.25651511px, 0.70476947px, 1.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-20deg);
  width: 0.69767442px;
  height: 0.69767442px;
}
.spiral.three .light-wrapper.light-wrapper-3 .light {
  -webkit-animation-duration: 0.61157992s;
          animation-duration: 0.61157992s;
  -webkit-animation-delay: 0.97154954s;
          animation-delay: 0.97154954s;
}
.spiral.three .light-wrapper.light-wrapper-4 {
  -webkit-transform: translate3d(0.66666667px, 1.15470054px, 2.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-30deg);
          transform: translate3d(0.66666667px, 1.15470054px, 2.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-30deg);
  width: 0.93023256px;
  height: 0.93023256px;
}
.spiral.three .light-wrapper.light-wrapper-4 .light {
  -webkit-animation-duration: 0.5141549s;
          animation-duration: 0.5141549s;
  -webkit-animation-delay: 0.39172702s;
          animation-delay: 0.39172702s;
}
.spiral.three .light-wrapper.light-wrapper-5 {
  -webkit-transform: translate3d(1.33914085px, 1.59592592px, 3.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-40deg);
          transform: translate3d(1.33914085px, 1.59592592px, 3.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-40deg);
  width: 1.1627907px;
  height: 1.1627907px;
}
.spiral.three .light-wrapper.light-wrapper-5 .light {
  -webkit-animation-duration: 1.14760079s;
          animation-duration: 1.14760079s;
  -webkit-animation-delay: 0.71102514s;
          animation-delay: 0.71102514s;
}
.spiral.three .light-wrapper.light-wrapper-6 {
  -webkit-transform: translate3d(2.29813333px, 1.92836283px, 5.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-50deg);
          transform: translate3d(2.29813333px, 1.92836283px, 5.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-50deg);
  width: 1.39534884px;
  height: 1.39534884px;
}
.spiral.three .light-wrapper.light-wrapper-6 .light {
  -webkit-animation-duration: 0.38567173s;
          animation-duration: 0.38567173s;
  -webkit-animation-delay: 0.86276116s;
          animation-delay: 0.86276116s;
}
.spiral.three .light-wrapper.light-wrapper-7 {
  -webkit-transform: translate3d(3.5362704px, 2.04166667px, 7px) rotateX(90deg) rotateZ(0deg) rotateY(-60deg);
          transform: translate3d(3.5362704px, 2.04166667px, 7px) rotateX(90deg) rotateZ(0deg) rotateY(-60deg);
  width: 1.62790698px;
  height: 1.62790698px;
}
.spiral.three .light-wrapper.light-wrapper-7 .light {
  -webkit-animation-duration: 0.55557591s;
          animation-duration: 0.55557591s;
  -webkit-animation-delay: 0.43906248s;
          animation-delay: 0.43906248s;
}
.spiral.three .light-wrapper.light-wrapper-8 {
  -webkit-transform: translate3d(5.01169398px, 1.82410743px, 9.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-70deg);
          transform: translate3d(5.01169398px, 1.82410743px, 9.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-70deg);
  width: 1.86046512px;
  height: 1.86046512px;
}
.spiral.three .light-wrapper.light-wrapper-8 .light {
  -webkit-animation-duration: 0.46154825s;
          animation-duration: 0.46154825s;
  -webkit-animation-delay: 1.10414634s;
          animation-delay: 1.10414634s;
}
.spiral.three .light-wrapper.light-wrapper-9 {
  -webkit-transform: translate3d(6.64745233px, 1.1721252px, 11.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-80deg);
          transform: translate3d(6.64745233px, 1.1721252px, 11.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-80deg);
  width: 2.09302326px;
  height: 2.09302326px;
}
.spiral.three .light-wrapper.light-wrapper-9 .light {
  -webkit-animation-duration: 0.3986295s;
          animation-duration: 0.3986295s;
  -webkit-animation-delay: 0.56009643s;
          animation-delay: 0.56009643s;
}
.spiral.three .light-wrapper.light-wrapper-10 {
  -webkit-transform: translate3d(8.33333333px, 0px, 14.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-90deg);
          transform: translate3d(8.33333333px, 0px, 14.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-90deg);
  width: 2.3255814px;
  height: 2.3255814px;
}
.spiral.three .light-wrapper.light-wrapper-10 .light {
  -webkit-animation-duration: 1.19385072s;
          animation-duration: 1.19385072s;
  -webkit-animation-delay: 0.47896973s;
          animation-delay: 0.47896973s;
}
.spiral.three .light-wrapper.light-wrapper-11 {
  -webkit-transform: translate3d(9.93014484px, -1.75095246px, 17.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-100deg);
          transform: translate3d(9.93014484px, -1.75095246px, 17.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-100deg);
  width: 2.55813953px;
  height: 2.55813953px;
}
.spiral.three .light-wrapper.light-wrapper-11 .light {
  -webkit-animation-duration: 0.69859889s;
          animation-duration: 0.69859889s;
  -webkit-animation-delay: 1.02993001s;
          animation-delay: 1.02993001s;
}
.spiral.three .light-wrapper.light-wrapper-12 {
  -webkit-transform: translate3d(11.27631145px, -4.10424172px, 20.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-110deg);
          transform: translate3d(11.27631145px, -4.10424172px, 20.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-110deg);
  width: 2.79069767px;
  height: 2.79069767px;
}
.spiral.three .light-wrapper.light-wrapper-12 .light {
  -webkit-animation-duration: 0.63398153s;
          animation-duration: 0.63398153s;
  -webkit-animation-delay: 0.95881628s;
          animation-delay: 0.95881628s;
}
.spiral.three .light-wrapper.light-wrapper-13 {
  -webkit-transform: translate3d(12.19652444px, -7.04166667px, 24.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-120deg);
          transform: translate3d(12.19652444px, -7.04166667px, 24.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-120deg);
  width: 3.02325581px;
  height: 3.02325581px;
}
.spiral.three .light-wrapper.light-wrapper-13 .light {
  -webkit-animation-duration: 0.5582576s;
          animation-duration: 0.5582576s;
  -webkit-animation-delay: 0.65447305s;
          animation-delay: 0.65447305s;
}
.spiral.three .light-wrapper.light-wrapper-14 {
  -webkit-transform: translate3d(12.51205924px, -10.49886429px, 28px) rotateX(90deg) rotateZ(0deg) rotateY(-130deg);
          transform: translate3d(12.51205924px, -10.49886429px, 28px) rotateX(90deg) rotateZ(0deg) rotateY(-130deg);
  width: 3.25581395px;
  height: 3.25581395px;
}
.spiral.three .light-wrapper.light-wrapper-14 .light {
  -webkit-animation-duration: 0.96267254s;
          animation-duration: 0.96267254s;
  -webkit-animation-delay: 1.08039869s;
          animation-delay: 1.08039869s;
}
.spiral.three .light-wrapper.light-wrapper-15 {
  -webkit-transform: translate3d(12.05226768px, -14.36333331px, 32.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-140deg);
          transform: translate3d(12.05226768px, -14.36333331px, 32.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-140deg);
  width: 3.48837209px;
  height: 3.48837209px;
}
.spiral.three .light-wrapper.light-wrapper-15 .light {
  -webkit-animation-duration: 0.54087504s;
          animation-duration: 0.54087504s;
  -webkit-animation-delay: 1.14376375s;
          animation-delay: 1.14376375s;
}
.spiral.three .light-wrapper.light-wrapper-16 {
  -webkit-transform: translate3d(10.66666667px, -18.47520861px, 36.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-150deg);
          transform: translate3d(10.66666667px, -18.47520861px, 36.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-150deg);
  width: 3.72093023px;
  height: 3.72093023px;
}
.spiral.three .light-wrapper.light-wrapper-16 .light {
  -webkit-animation-duration: 0.70607848s;
          animation-duration: 0.70607848s;
  -webkit-animation-delay: 0.70283421s;
          animation-delay: 0.70283421s;
}
.spiral.three .light-wrapper.light-wrapper-17 {
  -webkit-transform: translate3d(8.23698512px, -22.63093062px, 41.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-160deg);
          transform: translate3d(8.23698512px, -22.63093062px, 41.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-160deg);
  width: 3.95348837px;
  height: 3.95348837px;
}
.spiral.three .light-wrapper.light-wrapper-17 .light {
  -webkit-animation-duration: 0.8862594s;
          animation-duration: 0.8862594s;
  -webkit-animation-delay: 0.68676375s;
          animation-delay: 0.68676375s;
}
.spiral.three .light-wrapper.light-wrapper-18 {
  -webkit-transform: translate3d(4.6885008px, -26.58980933px, 46.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-170deg);
          transform: translate3d(4.6885008px, -26.58980933px, 46.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-170deg);
  width: 4.18604651px;
  height: 4.18604651px;
}
.spiral.three .light-wrapper.light-wrapper-18 .light {
  -webkit-animation-duration: 0.43212306s;
          animation-duration: 0.43212306s;
  -webkit-animation-delay: 0.46751754s;
          animation-delay: 0.46751754s;
}
.spiral.three .light-wrapper.light-wrapper-19 {
  -webkit-transform: translate3d(0px, -30.08333333px, 51.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-180deg);
          transform: translate3d(0px, -30.08333333px, 51.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-180deg);
  width: 4.41860465px;
  height: 4.41860465px;
}
.spiral.three .light-wrapper.light-wrapper-19 .light {
  -webkit-animation-duration: 1.06823198s;
          animation-duration: 1.06823198s;
  -webkit-animation-delay: 0.47136514s;
          animation-delay: 0.47136514s;
}
.spiral.three .light-wrapper.light-wrapper-20 {
  -webkit-transform: translate3d(-5.78827259px, -32.8269251px, 57.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-190deg);
          transform: translate3d(-5.78827259px, -32.8269251px, 57.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-190deg);
  width: 4.65116279px;
  height: 4.65116279px;
}
.spiral.three .light-wrapper.light-wrapper-20 .light {
  -webkit-animation-duration: 1.26101186s;
          animation-duration: 1.26101186s;
  -webkit-animation-delay: 1.26848275s;
          animation-delay: 1.26848275s;
}
.spiral.three .light-wrapper.light-wrapper-21 {
  -webkit-transform: translate3d(-12.56924027px, -34.53370381px, 63px) rotateX(90deg) rotateZ(0deg) rotateY(-200deg);
          transform: translate3d(-12.56924027px, -34.53370381px, 63px) rotateX(90deg) rotateZ(0deg) rotateY(-200deg);
  width: 4.88372093px;
  height: 4.88372093px;
}
.spiral.three .light-wrapper.light-wrapper-21 .light {
  -webkit-animation-duration: 0.89622738s;
          animation-duration: 0.89622738s;
  -webkit-animation-delay: 0.43961866s;
          animation-delay: 0.43961866s;
}
.spiral.three .light-wrapper.light-wrapper-22 {
  -webkit-transform: translate3d(-20.16666667px, -34.92969129px, 69.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-210deg);
          transform: translate3d(-20.16666667px, -34.92969129px, 69.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-210deg);
  width: 5.11627907px;
  height: 5.11627907px;
}
.spiral.three .light-wrapper.light-wrapper-22 .light {
  -webkit-animation-duration: 0.87180017s;
          animation-duration: 0.87180017s;
  -webkit-animation-delay: 0.95079333s;
          animation-delay: 0.95079333s;
}
.spiral.three .light-wrapper.light-wrapper-23 {
  -webkit-transform: translate3d(-28.33622046px, -33.76979253px, 75.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-220deg);
          transform: translate3d(-28.33622046px, -33.76979253px, 75.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-220deg);
  width: 5.34883721px;
  height: 5.34883721px;
}
.spiral.three .light-wrapper.light-wrapper-23 .light {
  -webkit-animation-duration: 0.73098213s;
          animation-duration: 0.73098213s;
  -webkit-animation-delay: 0.84253767s;
          animation-delay: 0.84253767s;
}
.spiral.three .light-wrapper.light-wrapper-24 {
  -webkit-transform: translate3d(-36.77013327px, -30.85380526px, 82.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-230deg);
          transform: translate3d(-36.77013327px, -30.85380526px, 82.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-230deg);
  width: 5.58139535px;
  height: 5.58139535px;
}
.spiral.three .light-wrapper.light-wrapper-24 .light {
  -webkit-animation-duration: 1.17395334s;
          animation-duration: 1.17395334s;
  -webkit-animation-delay: 0.77670202s;
          animation-delay: 0.77670202s;
}
.spiral.three .light-wrapper.light-wrapper-25 {
  -webkit-transform: translate3d(-45.10548978px, -26.04166667px, 89.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-240deg);
          transform: translate3d(-45.10548978px, -26.04166667px, 89.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-240deg);
  width: 5.81395349px;
  height: 5.81395349px;
}
.spiral.three .light-wrapper.light-wrapper-25 .light {
  -webkit-animation-duration: 0.50710074s;
          animation-duration: 0.50710074s;
  -webkit-animation-delay: 0.37236282s;
          animation-delay: 0.37236282s;
}
.spiral.three .light-wrapper.light-wrapper-26 {
  -webkit-transform: translate3d(-52.93601764px, -19.26713474px, 96.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-250deg);
          transform: translate3d(-52.93601764px, -19.26713474px, 96.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-250deg);
  width: 6.04651163px;
  height: 6.04651163px;
}
.spiral.three .light-wrapper.light-wrapper-26 .light {
  -webkit-animation-duration: 1.1278026s;
          animation-duration: 1.1278026s;
  -webkit-animation-delay: 0.44605221s;
          animation-delay: 0.44605221s;
}
.spiral.three .light-wrapper.light-wrapper-27 {
  -webkit-transform: translate3d(-59.827071px, -10.54912679px, 104.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-260deg);
          transform: translate3d(-59.827071px, -10.54912679px, 104.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-260deg);
  width: 6.27906977px;
  height: 6.27906977px;
}
.spiral.three .light-wrapper.light-wrapper-27 .light {
  -webkit-animation-duration: 1.02878667s;
          animation-duration: 1.02878667s;
  -webkit-animation-delay: 0.30409658s;
          animation-delay: 0.30409658s;
}
.spiral.three .light-wrapper.light-wrapper-28 {
  -webkit-transform: translate3d(-65.33333333px, 0px, 112px) rotateX(90deg) rotateZ(0deg) rotateY(-270deg);
          transform: translate3d(-65.33333333px, 0px, 112px) rotateX(90deg) rotateZ(0deg) rotateY(-270deg);
  width: 6.51162791px;
  height: 6.51162791px;
}
.spiral.three .light-wrapper.light-wrapper-28 .light {
  -webkit-animation-duration: 0.66337808s;
          animation-duration: 0.66337808s;
  -webkit-animation-delay: 1.02280624s;
          animation-delay: 1.02280624s;
}
.spiral.three .light-wrapper.light-wrapper-29 {
  -webkit-transform: translate3d(-69.01861002px, 12.16984312px, 120.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-280deg);
          transform: translate3d(-69.01861002px, 12.16984312px, 120.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-280deg);
  width: 6.74418605px;
  height: 6.74418605px;
}
.spiral.three .light-wrapper.light-wrapper-29 .light {
  -webkit-animation-duration: 0.6743684s;
          animation-duration: 0.6743684s;
  -webkit-animation-delay: 1.01520185s;
          animation-delay: 1.01520185s;
}
.spiral.three .light-wrapper.light-wrapper-30 {
  -webkit-transform: translate3d(-70.47694656px, 25.65151075px, 128.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-290deg);
          transform: translate3d(-70.47694656px, 25.65151075px, 128.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-290deg);
  width: 6.97674419px;
  height: 6.97674419px;
}
.spiral.three .light-wrapper.light-wrapper-30 .light {
  -webkit-animation-duration: 0.98669219s;
          animation-duration: 0.98669219s;
  -webkit-animation-delay: 0.50716012s;
          animation-delay: 0.50716012s;
}
.spiral.three .light-wrapper.light-wrapper-31 {
  -webkit-transform: translate3d(-69.35420109px, 40.04166667px, 137.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-300deg);
          transform: translate3d(-69.35420109px, 40.04166667px, 137.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-300deg);
  width: 7.20930233px;
  height: 7.20930233px;
}
.spiral.three .light-wrapper.light-wrapper-31 .light {
  -webkit-animation-duration: 1.13274492s;
          animation-duration: 1.13274492s;
  -webkit-animation-delay: 0.59297113s;
          animation-delay: 0.59297113s;
}
.spiral.three .light-wrapper.light-wrapper-32 {
  -webkit-transform: translate3d(-65.36912581px, 54.85120936px, 146.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-310deg);
          transform: translate3d(-65.36912581px, 54.85120936px, 146.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-310deg);
  width: 7.44186047px;
  height: 7.44186047px;
}
.spiral.three .light-wrapper.light-wrapper-32 .light {
  -webkit-animation-duration: 0.5808432s;
          animation-duration: 0.5808432s;
  -webkit-animation-delay: 0.93139808s;
          animation-delay: 0.93139808s;
}
.spiral.three .light-wrapper.light-wrapper-33 {
  -webkit-transform: translate3d(-58.33297558px, 69.51853321px, 155.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-320deg);
          transform: translate3d(-58.33297558px, 69.51853321px, 155.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-320deg);
  width: 7.6744186px;
  height: 7.6744186px;
}
.spiral.three .light-wrapper.light-wrapper-33 .light {
  -webkit-animation-duration: 0.53438389s;
          animation-duration: 0.53438389s;
  -webkit-animation-delay: 1.28008689s;
          animation-delay: 1.28008689s;
}
.spiral.three .light-wrapper.light-wrapper-34 {
  -webkit-transform: translate3d(-48.16666667px, 83.4271139px, 165.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-330deg);
          transform: translate3d(-48.16666667px, 83.4271139px, 165.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-330deg);
  width: 7.90697674px;
  height: 7.90697674px;
}
.spiral.three .light-wrapper.light-wrapper-34 .light {
  -webkit-animation-duration: 0.66998528s;
          animation-duration: 0.66998528s;
  -webkit-animation-delay: 1.09881682s;
          animation-delay: 1.09881682s;
}
.spiral.three .light-wrapper.light-wrapper-35 {
  -webkit-transform: translate3d(-34.9145563px, 95.92695504px, 175px) rotateX(90deg) rotateZ(0deg) rotateY(-340deg);
          transform: translate3d(-34.9145563px, 95.92695504px, 175px) rotateX(90deg) rotateZ(0deg) rotateY(-340deg);
  width: 8.13953488px;
  height: 8.13953488px;
}
.spiral.three .light-wrapper.light-wrapper-35 .light {
  -webkit-animation-duration: 1.18499013s;
          animation-duration: 1.18499013s;
  -webkit-animation-delay: 0.62558863s;
          animation-delay: 0.62558863s;
}
.spiral.three .light-wrapper.light-wrapper-36 {
  -webkit-transform: translate3d(-18.75400319px, 106.35923733px, 185.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-350deg);
          transform: translate3d(-18.75400319px, 106.35923733px, 185.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-350deg);
  width: 8.37209302px;
  height: 8.37209302px;
}
.spiral.three .light-wrapper.light-wrapper-36 .light {
  -webkit-animation-duration: 1.1398925s;
          animation-duration: 1.1398925s;
  -webkit-animation-delay: 0.66260977s;
          animation-delay: 0.66260977s;
}
.spiral.three .light-wrapper.light-wrapper-37 {
  -webkit-transform: translate3d(0px, 114.08333333px, 195.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-360deg);
          transform: translate3d(0px, 114.08333333px, 195.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-360deg);
  width: 8.60465116px;
  height: 8.60465116px;
}
.spiral.three .light-wrapper.light-wrapper-37 .light {
  -webkit-animation-duration: 0.56461398s;
          animation-duration: 0.56461398s;
  -webkit-animation-delay: 1.11948153s;
          animation-delay: 1.11948153s;
}
.spiral.three .light-wrapper.light-wrapper-38 {
  -webkit-transform: translate3d(20.89566405px, 118.50519961px, 206.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-370deg);
          transform: translate3d(20.89566405px, 118.50519961px, 206.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-370deg);
  width: 8.8372093px;
  height: 8.8372093px;
}
.spiral.three .light-wrapper.light-wrapper-38 .light {
  -webkit-animation-duration: 0.90614775s;
          animation-duration: 0.90614775s;
  -webkit-animation-delay: 1.2603698s;
          animation-delay: 1.2603698s;
}
.spiral.three .light-wrapper.light-wrapper-39 {
  -webkit-transform: translate3d(43.35105317px, 119.10603968px, 217.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-380deg);
          transform: translate3d(43.35105317px, 119.10603968px, 217.28571429px) rotateX(90deg) rotateZ(0deg) rotateY(-380deg);
  width: 9.06976744px;
  height: 9.06976744px;
}
.spiral.three .light-wrapper.light-wrapper-39 .light {
  -webkit-animation-duration: 0.89993445s;
          animation-duration: 0.89993445s;
  -webkit-animation-delay: 0.30470007s;
          animation-delay: 0.30470007s;
}
.spiral.three .light-wrapper.light-wrapper-40 {
  -webkit-transform: translate3d(66.66666667px, 115.47005384px, 228.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-390deg);
          transform: translate3d(66.66666667px, 115.47005384px, 228.57142857px) rotateX(90deg) rotateZ(0deg) rotateY(-390deg);
  width: 9.30232558px;
  height: 9.30232558px;
}
.spiral.three .light-wrapper.light-wrapper-40 .light {
  -webkit-animation-duration: 0.31300434s;
          animation-duration: 0.31300434s;
  -webkit-animation-delay: 0.90938236s;
          animation-delay: 0.90938236s;
}
.spiral.three .light-wrapper.light-wrapper-41 {
  -webkit-transform: translate3d(90.04383099px, 107.31005907px, 240.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-400deg);
          transform: translate3d(90.04383099px, 107.31005907px, 240.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-400deg);
  width: 9.53488372px;
  height: 9.53488372px;
}
.spiral.three .light-wrapper.light-wrapper-41 .light {
  -webkit-animation-duration: 0.44584457s;
          animation-duration: 0.44584457s;
  -webkit-animation-delay: 0.92800327s;
          animation-delay: 0.92800327s;
}
.spiral.three .light-wrapper.light-wrapper-42 {
  -webkit-transform: translate3d(112.60853314px, 94.48977862px, 252px) rotateX(90deg) rotateZ(0deg) rotateY(-410deg);
          transform: translate3d(112.60853314px, 94.48977862px, 252px) rotateX(90deg) rotateZ(0deg) rotateY(-410deg);
  width: 9.76744186px;
  height: 9.76744186px;
}
.spiral.three .light-wrapper.light-wrapper-42 .light {
  -webkit-animation-duration: 0.6432514s;
          animation-duration: 0.6432514s;
  -webkit-animation-delay: 0.30518592s;
          animation-delay: 0.30518592s;
}
.spiral.three .light-wrapper.light-wrapper-43 {
  -webkit-transform: translate3d(133.44008097px, 77.04166667px, 264.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-420deg);
          transform: translate3d(133.44008097px, 77.04166667px, 264.14285714px) rotateX(90deg) rotateZ(0deg) rotateY(-420deg);
  width: 10px;
  height: 10px;
}
.spiral.three .light-wrapper.light-wrapper-43 .light {
  -webkit-animation-duration: 0.80272367s;
          animation-duration: 0.80272367s;
  -webkit-animation-delay: 0.5242766s;
          animation-delay: 0.5242766s;
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: .4;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: .4;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes pulsate-star {
  0% {
    -webkit-transform: scale(0.94);
            transform: scale(0.94);
    opacity: .8;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes pulsate-star {
  0% {
    -webkit-transform: scale(0.94);
            transform: scale(0.94);
    opacity: .8;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes rotate-tree {
  0% {
    -webkit-transform: rotateX(-90deg) rotateZ(0deg) rotateY(0deg);
            transform: rotateX(-90deg) rotateZ(0deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateX(-90deg) rotateZ(360deg) rotateY(0deg);
            transform: rotateX(-90deg) rotateZ(360deg) rotateY(0deg);
  }
}
@keyframes rotate-tree {
  0% {
    -webkit-transform: rotateX(-90deg) rotateZ(0deg) rotateY(0deg);
            transform: rotateX(-90deg) rotateZ(0deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateX(-90deg) rotateZ(360deg) rotateY(0deg);
            transform: rotateX(-90deg) rotateZ(360deg) rotateY(0deg);
  }
}

HTML

<div class="main-wrapper">
  <div class="tree-container">
    <div class="star"></div>
    <div class="spiral-container">
      <ul class="spiral one">
        <li class="light-wrapper light-wrapper-1">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-2">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-3">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-4">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-5">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-6">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-7">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-8">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-9">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-10">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-11">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-12">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-13">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-14">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-15">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-16">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-17">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-18">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-19">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-20">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-21">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-22">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-23">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-24">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-25">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-26">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-27">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-28">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-29">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-30">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-31">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-32">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-33">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-34">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-35">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-36">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-37">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-38">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-39">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-40">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-41">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-42">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-43">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
      </ul>
      <ul class="spiral two">
        <li class="light-wrapper light-wrapper-1">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-2">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-3">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-4">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-5">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-6">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-7">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-8">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-9">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-10">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-11">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-12">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-13">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-14">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-15">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-16">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-17">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-18">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-19">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-20">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-21">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-22">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-23">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-24">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-25">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-26">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-27">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-28">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-29">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-30">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-31">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-32">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-33">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-34">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-35">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-36">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-37">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-38">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-39">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-40">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-41">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-42">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-43">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
      </ul>
      <ul class="spiral three">
        <li class="light-wrapper light-wrapper-1">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-2">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-3">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-4">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-5">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-6">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-7">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-8">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-9">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-10">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-11">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-12">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-13">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-14">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-15">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-16">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-17">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-18">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-19">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-20">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-21">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-22">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-23">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-24">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-25">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-26">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-27">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-28">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-29">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-30">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-31">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-32">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-33">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-34">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-35">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-36">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-37">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-38">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-39">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-40">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-41">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-42">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
        <li class="light-wrapper light-wrapper-43">
          <div class="stabilise">
            <div class="light"></div>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <div class="text-container">
    <h2 class="happy">Happy New Year</h2>
  </div>
</div>

Recommendation

Join Effecthub.com