纯css实现粒子落叶飞舞动画效果

代码语言:html

所属分类:粒子

代码描述:纯css实现粒子落叶飞舞动画效果

代码标签: 粒子 落叶 飞舞 动画 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@400&amp;display=swap'>
<style>
body {
  background: #fff;
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-perspective: 800px;
          perspective: 800px;
  font-family: 'Baloo Paaji 2', cursive;
}

.title {
  font-size: 6rem;
  color: #fcc;
}

div {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  top: 0;
  left: 0;
}

.camera {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.camera.-y {
  -webkit-animation: cameraY 30s linear infinite;
          animation: cameraY 30s linear infinite;
}
.camera.-x {
  -webkit-transform: rotateX(10deg) translateY(-300px);
          transform: rotateX(10deg) translateY(-300px);
}

.sakura {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 0% 100% 0% 100% / 0% 100% 0% 100%;
  background: #fcc;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.sakura::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fcc;
  border-radius: 0% 100% 0% 100% / 0% 100% 0% 100%;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: slide 8s linear infinite;
          animation: slide 8s linear infinite;
}

.drop {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: drop 4s linear infinite;
          animation: drop 4s linear infinite;
}
.drop:nth-child(1) {
  left: 28%;
  -webkit-animation-delay: -6550ms;
          animation-delay: -6550ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(1) .slide {
  -webkit-animation-delay: -4918ms;
          animation-delay: -4918ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(1) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(1) .rotate {
  -webkit-animation-delay: -9858ms;
          animation-delay: -9858ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(1) .move, .drop:nth-child(1) .reverse {
  -webkit-animation-delay: -8247ms;
          animation-delay: -8247ms;
}
.drop:nth-child(1) .z {
  -webkit-transform: translateZ(642px);
          transform: translateZ(642px);
}
.drop:nth-child(2) {
  left: 59%;
  -webkit-animation-delay: -3351ms;
          animation-delay: -3351ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(2) .slide {
  -webkit-animation-delay: -6173ms;
          animation-delay: -6173ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(2) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(2) .rotate {
  -webkit-animation-delay: -7001ms;
          animation-delay: -7001ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(2) .move, .drop:nth-child(2) .reverse {
  -webkit-animation-delay: -9966ms;
          animation-delay: -9966ms;
}
.drop:nth-child(2) .z {
  -webkit-transform: translateZ(198px);
          transform: translateZ(198px);
}
.drop:nth-child(3) {
  left: 39%;
  -webkit-animation-delay: -4290ms;
          animation-delay: -4290ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(3) .slide {
  -webkit-animation-delay: -9204ms;
          animation-delay: -9204ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(3) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(3) .rotate {
  -webkit-animation-delay: -4136ms;
          animation-delay: -4136ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(3) .move, .drop:nth-child(3) .reverse {
  -webkit-animation-delay: -8595ms;
          animation-delay: -8595ms;
}
.drop:nth-child(3) .z {
  -webkit-transform: translateZ(713px);
          transform: translateZ(713px);
}
.drop:nth-child(4) {
  left: 50%;
  -webkit-animation-delay: -4555ms;
          animation-delay: -4555ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(4) .slide {
  -webkit-animation-delay: -1820ms;
          animation-delay: -1820ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(4) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(4) .rotate {
  -webkit-animation-delay: -8328ms;
          animation-delay: -8328ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(4) .move, .drop:nth-child(4) .reverse {
  -webkit-animation-delay: -2245ms;
          animation-delay: -2245ms;
}
.drop:nth-child(4) .z {
  -webkit-transform: translateZ(-3px);
          transform: translateZ(-3px);
}
.drop:nth-child(5) {
  left: 17%;
  -webkit-animation-delay: -3176ms;
          animation-delay: -3176ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(5) .slide {
  -webkit-animation-delay: -6186ms;
          animation-delay: -6186ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(5) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(5) .rotate {
  -webkit-animation-delay: -2094ms;
          animation-delay: -2094ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(5) .move, .drop:nth-child(5) .reverse {
  -webkit-animation-delay: -2558ms;
          animation-delay: -2558ms;
}
.drop:nth-child(5) .z {
  -webkit-transform: translateZ(-688px);
          transform: translateZ(-688px);
}
.drop:nth-child(6) {
  left: 87%;
  -webkit-animation-delay: -4698ms;
          animation-delay: -4698ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(6) .slide {
  -webkit-animation-delay: -383ms;
          animation-delay: -383ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(6) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(6) .rotate {
  -webkit-animation-delay: -7435ms;
          animation-delay: -7435ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(6) .move, .drop:nth-child(6) .reverse {
  -webkit-animation-delay: -2194ms;
          animation-delay: -2194ms;
}
.drop:nth-child(6) .z {
  -webkit-transform: translateZ(-496px);
          transform: translateZ(-496px);
}
.drop:nth-child(7) {
  left: 73%;
  -webkit-animation-delay: -5747ms;
          animation-delay: -5747ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(7) .slide {
  -webkit-animation-delay: -2794ms;
          animation-delay: -2794ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(7) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(7) .rotate {
  -webkit-animation-delay: -3248ms;
          animation-delay: -3248ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(7) .move, .drop:nth-child(7) .reverse {
  -webkit-animation-delay: -8751ms;
          animation-delay: -8751ms;
}
.drop:nth-child(7) .z {
  -webkit-transform: translateZ(954px);
          transform: translateZ(954px);
}
.drop:nth-child(8) {
  left: 89%;
  -webkit-animation-delay: -312ms;
          animation-delay: -312ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(8) .slide {
  -webkit-animation-delay: -6626ms;
          animation-delay: -6626ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(8) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(8) .rotate {
  -webkit-animation-delay: -4156ms;
          animation-delay: -4156ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(8) .move, .drop:nth-child(8) .reverse {
  -webkit-animation-delay: -4577ms;
          animation-delay: -4577ms;
}
.drop:nth-child(8) .z {
  -webkit-transform: translateZ(-389px);
          transform: translateZ(-389px);
}
.drop:nth-child(9) {
  left: 33%;
  -webkit-animation-delay: -8751ms;
          animation-delay: -8751ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(9) .slide {
  -webkit-animation-delay: -3493ms;
          animation-delay: -3493ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(9) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(9) .rotate {
  -webkit-animation-delay: -5107ms;
          animation-delay: -5107ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(9) .move, .drop:nth-child(9) .reverse {
  -webkit-animation-delay: -6013ms;
          animation-delay: -6013ms;
}
.drop:nth-child(9) .z {
  -webkit-transform: translateZ(-566px);
          transform: translateZ(-566px);
}
.drop:nth-child(10) {
  left: 13%;
  -webkit-animation-delay: -6318ms;
          animation-delay: -6318ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(10) .slide {
  -webkit-animation-delay: -1960ms;
          animation-delay: -1960ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(10) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(10) .rotate {
  -webkit-animation-delay: -1972ms;
          animation-delay: -1972ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(10) .move, .drop:nth-child(10) .reverse {
  -webkit-animation-delay: -3999ms;
          animation-delay: -3999ms;
}
.drop:nth-child(10) .z {
  -webkit-transform: translateZ(-645px);
          transform: translateZ(-645px);
}
.drop:nth-child(11) {
  left: 92%;
  -webkit-animation-delay: -5267ms;
          animation-delay: -5267ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(11) .slide {
  -webkit-animation-delay: -6075ms;
          animation-delay: -6075ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(11) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(11) .rotate {
  -webkit-animation-delay: -126ms;
          animation-delay: -126ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(11) .move, .drop:nth-child(11) .reverse {
  -webkit-animation-delay: -4579ms;
          animation-delay: -4579ms;
}
.drop:nth-child(11) .z {
  -webkit-transform: translateZ(619px);
          transform: translateZ(619px);
}
.drop:nth-child(12) {
  left: 94%;
  -webkit-animation-delay: -182ms;
          animation-delay: -182ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(12) .slide {
  -webkit-animation-delay: -4242ms;
          animation-delay: -4242ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(12) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(12) .rotate {
  -webkit-animation-delay: -3234ms;
          animation-delay: -3234ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(12) .move, .drop:nth-child(12) .reverse {
  -webkit-animation-delay: -7296ms;
          animation-delay: -7296ms;
}
.drop:nth-child(12) .z {
  -webkit-transform: translateZ(759px);
          transform: translateZ(759px);
}
.drop:nth-child(13) {
  left: 41%;
  -webkit-animation-delay: -9502ms;
          animation-delay: -9502ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(13) .slide {
  -webkit-animation-delay: -9009ms;
          animation-delay: -9009ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(13) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(13) .rotate {
  -webkit-animation-delay: -3715ms;
          animation-delay: -3715ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(13) .move, .drop:nth-child(13) .reverse {
  -webkit-animation-delay: -638ms;
          animation-delay: -638ms;
}
.drop:nth-child(13) .z {
  -webkit-transform: translateZ(-670px);
          transform: translateZ(-670px);
}
.drop:nth-child(14) {
  left: 80%;
  -webkit-animation-delay: -9721ms;
          animation-delay: -9721ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(14) .slide {
  -webkit-animation-delay: -2335ms;
          animation-delay: -2335ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(14) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(14) .rotate {
  -webkit-animation-delay: -4525ms;
          animation-delay: -4525ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(14) .move, .drop:nth-child(14) .reverse {
  -webkit-animation-delay: -251ms;
          animation-delay: -251ms;
}
.drop:nth-child(14) .z {
  -webkit-transform: translateZ(917px);
          transform: translateZ(917px);
}
.drop:nth-child(15) {
  left: 34%;
  -webkit-animation-delay: -8995ms;
          animation-delay: -8995ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(15) .slide {
  -webkit-animation-delay: -3827ms;
          animation-delay: -3827ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(15) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(15) .rotate {
  -webkit-animation-delay: -5613ms;
          animation-delay: -5613ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(15) .move, .drop:nth-child(15) .reverse {
  -webkit-animation-delay: -7245ms;
          animation-delay: -7245ms;
}
.drop:nth-child(15) .z {
  -webkit-transform: translateZ(-168px);
          transform: translateZ(-168px);
}
.drop:nth-child(16) {
  left: 90%;
  -webkit-animation-delay: -8696ms;
          animation-delay: -8696ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(16) .slide {
  -webkit-animation-delay: -436ms;
          animation-delay: -436ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(16) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(16) .rotate {
  -webkit-animation-delay: -9657ms;
          animation-delay: -9657ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(16) .move, .drop:nth-child(16) .reverse {
  -webkit-animation-delay: -5957ms;
          animation-delay: -5957ms;
}
.drop:nth-child(16) .z {
  -webkit-transform: translateZ(-731px);
          transform: translateZ(-731px);
}
.drop:nth-child(17) {
  left: 42%;
  -webkit-animation-delay: -3781ms;
          animation-delay: -3781ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(17) .slide {
  -webkit-animation-delay: -375ms;
          animation-delay: -375ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(17) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(17) .rotate {
  -webkit-animation-delay: -3044ms;
          animation-delay: -3044ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(17) .move, .drop:nth-child(17) .reverse {
  -webkit-animation-delay: -4764ms;
          animation-delay: -4764ms;
}
.drop:nth-child(17) .z {
  -webkit-transform: translateZ(-708px);
          transform: translateZ(-708px);
}
.drop:nth-child(18) {
  left: 3%;
  -webkit-animation-delay: -8662ms;
          animation-delay: -8662ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(18) .slide {
  -webkit-animation-delay: -7233ms;
          animation-delay: -7233ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(18) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(18) .rotate {
  -webkit-animation-delay: -5905ms;
          animation-delay: -5905ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(18) .move, .drop:nth-child(18) .reverse {
  -webkit-animation-delay: -8192ms;
          animation-delay: -8192ms;
}
.drop:nth-child(18) .z {
  -webkit-transform: translateZ(813px);
          transform: translateZ(813px);
}
.drop:nth-child(19) {
  left: 77%;
  -webkit-animation-delay: -9854ms;
          animation-delay: -9854ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(19) .slide {
  -webkit-animation-delay: -3086ms;
          animation-delay: -3086ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(19) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(19) .rotate {
  -webkit-animation-delay: -3515ms;
          animation-delay: -3515ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(19) .move, .drop:nth-child(19) .reverse {
  -webkit-animation-delay: -9032ms;
          animation-delay: -9032ms;
}
.drop:nth-child(19) .z {
  -webkit-transform: translateZ(-171px);
          transform: translateZ(-171px);
}
.drop:nth-child(20) {
  left: 8%;
  -webkit-animation-delay: -7051ms;
          animation-delay: -7051ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(20) .slide {
  -webkit-animation-delay: -9754ms;
          animation-delay: -9754ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(20) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(20) .rotate {
  -webkit-animation-delay: -9225ms;
          animation-delay: -9225ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(20) .move, .drop:nth-child(20) .reverse {
  -webkit-animation-delay: -2938ms;
          animation-delay: -2938ms;
}
.drop:nth-child(20) .z {
  -webkit-transform: translateZ(-581px);
          transform: translateZ(-581px);
}
.drop:nth-child(21) {
  left: 13%;
  -webkit-animation-delay: -2477ms;
          animation-delay: -2477ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(21) .slide {
  -webkit-animation-delay: -4468ms;
          animation-delay: -4468ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(21) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(21) .rotate {
  -webkit-animation-delay: -1957ms;
          animation-delay: -1957ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(21) .move, .drop:nth-child(21) .reverse {
  -webkit-animation-delay: -8980ms;
          animation-delay: -8980ms;
}
.drop:nth-child(21) .z {
  -webkit-transform: translateZ(-454px);
          transform: translateZ(-454px);
}
.drop:nth-child(22) {
  left: 94%;
  -webkit-animation-delay: -8789ms;
          animation-delay: -8789ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(22) .slide {
  -webkit-animation-delay: -3705ms;
          animation-delay: -3705ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(22) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(22) .rotate {
  -webkit-animation-delay: -4119ms;
          animation-delay: -4119ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(22) .move, .drop:nth-child(22) .reverse {
  -webkit-animation-delay: -5322ms;
          animation-delay: -5322ms;
}
.drop:nth-child(22) .z {
  -webkit-transform: translateZ(575px);
          transform: translateZ(575px);
}
.drop:nth-child(23) {
  left: 21%;
  -webkit-animation-delay: -8001ms;
          animation-delay: -8001ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(23) .slide {
  -webkit-animation-delay: -3228ms;
          animation-delay: -3228ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(23) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(23) .rotate {
  -webkit-animation-delay: -9951ms;
          animation-delay: -9951ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(23) .move, .drop:nth-child(23) .reverse {
  -webkit-animation-delay: -302ms;
          animation-delay: -302ms;
}
.drop:nth-child(23) .z {
  -webkit-transform: translateZ(119px);
          transform: translateZ(119px);
}
.drop:nth-child(24) {
  left: 55%;
  -webkit-animation-delay: -1775ms;
          animation-delay: -1775ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(24) .slide {
  -webkit-animation-delay: -8917ms;
          animation-delay: -8917ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(24) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(24) .rotate {
  -webkit-animation-delay: -6533ms;
          animation-delay: -6533ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(24) .move, .drop:nth-child(24) .reverse {
  -webkit-animation-delay: -8042ms;
          animation-delay: -8042ms;
}
.drop:nth-child(24) .z {
  -webkit-transform: translateZ(-228px);
          transform: translateZ(-228px);
}
.drop:nth-child(25) {
  left: 66%;
  -webkit-animation-delay: -6276ms;
          animation-delay: -6276ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(25) .slide {
  -webkit-animation-delay: -1530ms;
          animation-delay: -1530ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(25) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(25) .rotate {
  -webkit-animation-delay: -3948ms;
          animation-delay: -3948ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(25) .move, .drop:nth-child(25) .reverse {
  -webkit-animation-delay: -9650ms;
          animation-delay: -9650ms;
}
.drop:nth-child(25) .z {
  -webkit-transform: translateZ(-65px);
          transform: translateZ(-65px);
}
.drop:nth-child(26) {
  left: 76%;
  -webkit-animation-delay: -1383ms;
          animation-delay: -1383ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(26) .slide {
  -webkit-animation-delay: -2101ms;
          animation-delay: -2101ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(26) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(26) .rotate {
  -webkit-animation-delay: -5298ms;
          animation-delay: -5298ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(26) .move, .drop:nth-child(26) .reverse {
  -webkit-animation-delay: -5298ms;
          animation-delay: -5298ms;
}
.drop:nth-child(26) .z {
  -webkit-transform: translateZ(-178px);
          transform: translateZ(-178px);
}
.drop:nth-child(27) {
  left: 44%;
  -webkit-animation-delay: -1687ms;
          animation-delay: -1687ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(27) .slide {
  -webkit-animation-delay: -3620ms;
          animation-delay: -3620ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(27) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(27) .rotate {
  -webkit-animation-delay: -2519ms;
          animation-delay: -2519ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(27) .move, .drop:nth-child(27) .reverse {
  -webkit-animation-delay: -4104ms;
          animation-delay: -4104ms;
}
.drop:nth-child(27) .z {
  -webkit-transform: translateZ(-389px);
          transform: translateZ(-389px);
}
.drop:nth-child(28) {
  left: 90%;
  -webkit-animation-delay: -2822ms;
          animation-delay: -2822ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(28) .slide {
  -webkit-animation-delay: -1424ms;
          animation-delay: -1424ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(28) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(28) .rotate {
  -webkit-animation-delay: -7820ms;
          animation-delay: -7820ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(28) .move, .drop:nth-child(28) .reverse {
  -webkit-animation-delay: -196ms;
          animation-delay: -196ms;
}
.drop:nth-child(28) .z {
  -webkit-transform: translateZ(-523px);
          transform: translateZ(-523px);
}
.drop:nth-child(29) {
  left: 49%;
  -webkit-animation-delay: -7441ms;
          animation-delay: -7441ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(29) .slide {
  -webkit-animation-delay: -5958ms;
          animation-delay: -5958ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(29) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(29) .rotate {
  -webkit-animation-delay: -6182ms;
          animation-delay: -6182ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(29) .move, .drop:nth-child(29) .reverse {
  -webkit-animation-delay: -5529ms;
          animation-delay: -5529ms;
}
.drop:nth-child(29) .z {
  -webkit-transform: translateZ(533px);
          transform: translateZ(533px);
}
.drop:nth-child(30) {
  left: 96%;
  -webkit-animation-delay: -5609ms;
          animation-delay: -5609ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(30) .slide {
  -webkit-animation-delay: -116ms;
          animation-delay: -116ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(30) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(30) .rotate {
  -webkit-animation-delay: -739ms;
          animation-delay: -739ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(30) .move, .drop:nth-child(30) .reverse {
  -webkit-animation-delay: -1384ms;
          animation-delay: -1384ms;
}
.drop:nth-child(30) .z {
  -webkit-transform: translateZ(351px);
          transform: translateZ(351px);
}
.drop:nth-child(31) {
  left: 23%;
  -webkit-animation-delay: -4251ms;
          animation-delay: -4251ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(31) .slide {
  -webkit-animation-delay: -7423ms;
          animation-delay: -7423ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(31) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(31) .rotate {
  -webkit-animation-delay: -380ms;
          animation-delay: -380ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(31) .move, .drop:nth-child(31) .reverse {
  -webkit-animation-delay: -3181ms;
          animation-delay: -3181ms;
}
.drop:nth-child(31) .z {
  -webkit-transform: translateZ(-996px);
          transform: translateZ(-996px);
}
.drop:nth-child(32) {
  left: 57%;
  -webkit-animation-delay: -4146ms;
          animation-delay: -4146ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(32) .slide {
  -webkit-animation-delay: -5673ms;
          animation-delay: -5673ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(32) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(32) .rotate {
  -webkit-animation-delay: -3794ms;
          animation-delay: -3794ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(32) .move, .drop:nth-child(32) .reverse {
  -webkit-animation-delay: -7736ms;
          animation-delay: -7736ms;
}
.drop:nth-child(32) .z {
  -webkit-transform: translateZ(448px);
          transform: translateZ(448px);
}
.drop:nth-child(33) {
  left: 14%;
  -webkit-animation-delay: -5144ms;
          animation-delay: -5144ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(33) .slide {
  -webkit-animation-delay: -8630ms;
          animation-delay: -8630ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(33) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(33) .rotate {
  -webkit-animation-delay: -7047ms;
          animation-delay: -7047ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(33) .move, .drop:nth-child(33) .reverse {
  -webkit-animation-delay: -7413ms;
          animation-delay: -7413ms;
}
.drop:nth-child(33) .z {
  -webkit-transform: translateZ(-259px);
          transform: translateZ(-259px);
}
.drop:nth-child(34) {
  left: 83%;
  -webkit-animation-delay: -6653ms;
          animation-delay: -6653ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(34) .slide {
  -webkit-animation-delay: -7056ms;
          animation-delay: -7056ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(34) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(34) .rotate {
  -webkit-animation-delay: -2847ms;
          animation-delay: -2847ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(34) .move, .drop:nth-child(34) .reverse {
  -webkit-animation-delay: -1437ms;
          animation-delay: -1437ms;
}
.drop:nth-child(34) .z {
  -webkit-transform: translateZ(807px);
          transform: translateZ(807px);
}
.drop:nth-child(35) {
  left: 22%;
  -webkit-animation-delay: -1872ms;
          animation-delay: -1872ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(35) .slide {
  -webkit-animation-delay: -290ms;
          animation-delay: -290ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(35) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(35) .rotate {
  -webkit-animation-delay: -2324ms;
          animation-delay: -2324ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(35) .move, .drop:nth-child(35) .reverse {
  -webkit-animation-delay: -1155ms;
          animation-delay: -1155ms;
}
.drop:nth-child(35) .z {
  -webkit-transform: translateZ(223px);
          transform: translateZ(223px);
}
.drop:nth-child(36) {
  left: 47%;
  -webkit-animation-delay: -2025ms;
          animation-delay: -2025ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(36) .slide {
  -webkit-animation-delay: -8249ms;
          animation-delay: -8249ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(36) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(36) .rotate {
  -webkit-animation-delay: -2301ms;
          animation-delay: -2301ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(36) .move, .drop:nth-child(36) .reverse {
  -webkit-animation-delay: -6696ms;
          animation-delay: -6696ms;
}
.drop:nth-child(36) .z {
  -webkit-transform: translateZ(234px);
          transform: translateZ(234px);
}
.drop:nth-child(37) {
  left: 30%;
  -webkit-animation-delay: -9253ms;
          animation-delay: -9253ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(37) .slide {
  -webkit-animation-delay: -6039ms;
          animation-delay: -6039ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(37) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(37) .rotate {
  -webkit-animation-delay: -1437ms;
          animation-delay: -1437ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(37) .move, .drop:nth-child(37) .reverse {
  -webkit-animation-delay: -1176ms;
          animation-delay: -1176ms;
}
.drop:nth-child(37) .z {
  -webkit-transform: translateZ(-259px);
          transform: translateZ(-259px);
}
.drop:nth-child(38) {
  left: 77%;
  -webkit-animation-delay: -1623ms;
          animation-delay: -1623ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(38) .slide {
  -webkit-animation-delay: -6489ms;
          animation-delay: -6489ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(38) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(38) .rotate {
  -webkit-animation-delay: -2399ms;
          animation-delay: -2399ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(38) .move, .drop:nth-child(38) .reverse {
  -webkit-animation-delay: -985ms;
          animation-delay: -985ms;
}
.drop:nth-child(38) .z {
  -webkit-transform: translateZ(147px);
          transform: translateZ(147px);
}
.drop:nth-child(39) {
  left: 42%;
  -webkit-animation-delay: -3629ms;
          animation-delay: -3629ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(39) .slide {
  -webkit-animation-delay: -7797ms;
          animation-delay: -7797ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(39) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(39) .rotate {
  -webkit-animation-delay: -8917ms;
          animation-delay: -8917ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(39) .move, .drop:nth-child(39) .reverse {
  -webkit-animation-delay: -8215ms;
          animation-delay: -8215ms;
}
.drop:nth-child(39) .z {
  -webkit-transform: translateZ(759px);
          transform: translateZ(759px);
}
.drop:nth-child(40) {
  left: 17%;
  -webkit-animation-delay: -3224ms;
          animation-delay: -3224ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(40) .slide {
  -webkit-animation-delay: -3539ms;
          animation-delay: -3539ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(40) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(40) .rotate {
  -webkit-animation-delay: -4585ms;
          animation-delay: -4585ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(40) .move, .drop:nth-child(40) .reverse {
  -webkit-animation-delay: -9187ms;
          animation-delay: -9187ms;
}
.drop:nth-child(40) .z {
  -webkit-transform: translateZ(-436px);
          transform: translateZ(-436px);
}
.drop:nth-child(41) {
  left: 99%;
  -webkit-animation-delay: -3014ms;
          animation-delay: -3014ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(41) .slide {
  -webkit-animation-delay: -4669ms;
          animation-delay: -4669ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(41) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(41) .rotate {
  -webkit-animation-delay: -7322ms;
          animation-delay: -7322ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(41) .move, .drop:nth-child(41) .reverse {
  -webkit-animation-delay: -2132ms;
          animation-delay: -2132ms;
}
.drop:nth-child(41) .z {
  -webkit-transform: translateZ(-347px);
          transform: translateZ(-347px);
}
.drop:nth-child(42) {
  left: 35%;
  -webkit-animation-delay: -2436ms;
          animation-delay: -2436ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(42) .slide {
  -webkit-animation-delay: -299ms;
          animation-delay: -299ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(42) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(42) .rotate {
  -webkit-animation-delay: -1711ms;
          animation-delay: -1711ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(42) .move, .drop:nth-child(42) .reverse {
  -webkit-animation-delay: -7076ms;
          animation-delay: -7076ms;
}
.drop:nth-child(42) .z {
  -webkit-transform: translateZ(-994px);
          transform: translateZ(-994px);
}
.drop:nth-child(43) {
  left: 32%;
  -webkit-animation-delay: -2674ms;
          animation-delay: -2674ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(43) .slide {
  -webkit-animation-delay: -9483ms;
          animation-delay: -9483ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(43) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(43) .rotate {
  -webkit-animation-delay: -2986ms;
          animation-delay: -2986ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(43) .move, .drop:nth-child(43) .reverse {
  -webkit-animation-delay: -8391ms;
          animation-delay: -8391ms;
}
.drop:nth-child(43) .z {
  -webkit-transform: translateZ(-84px);
          transform: translateZ(-84px);
}
.drop:nth-child(44) {
  left: 42%;
  -webkit-animation-delay: -3350ms;
          animation-delay: -3350ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(44) .slide {
  -webkit-animation-delay: -7771ms;
          animation-delay: -7771ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(44) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(44) .rotate {
  -webkit-animation-delay: -3278ms;
          animation-delay: -3278ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(44) .move, .drop:nth-child(44) .reverse {
  -webkit-animation-delay: -241ms;
          animation-delay: -241ms;
}
.drop:nth-child(44) .z {
  -webkit-transform: translateZ(434px);
          transform: translateZ(434px);
}
.drop:nth-child(45) {
  left: 88%;
  -webkit-animation-delay: -7753ms;
          animation-delay: -7753ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(45) .slide {
  -webkit-animation-delay: -7175ms;
          animation-delay: -7175ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(45) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(45) .rotate {
  -webkit-animation-delay: -5306ms;
          animation-delay: -5306ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(45) .move, .drop:nth-child(45) .reverse {
  -webkit-animation-delay: -6247ms;
          animation-delay: -6247ms;
}
.drop:nth-child(45) .z {
  -webkit-transform: translateZ(243px);
          transform: translateZ(243px);
}
.drop:nth-child(46) {
  left: 17%;
  -webkit-animation-delay: -7078ms;
          animation-delay: -7078ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(46) .slide {
  -webkit-animation-delay: -7169ms;
          animation-delay: -7169ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(46) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(46) .rotate {
  -webkit-animation-delay: -9460ms;
          animation-delay: -9460ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(46) .move, .drop:nth-child(46) .reverse {
  -webkit-animation-delay: -3509ms;
          animation-delay: -3509ms;
}
.drop:nth-child(46) .z {
  -webkit-transform: translateZ(173px);
          transform: translateZ(173px);
}
.drop:nth-child(47) {
  left: 8%;
  -webkit-animation-delay: -8229ms;
          animation-delay: -8229ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(47) .slide {
  -webkit-animation-delay: -5459ms;
          animation-delay: -5459ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(47) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(47) .rotate {
  -webkit-animation-delay: -4097ms;
          animation-delay: -4097ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(47) .move, .drop:nth-child(47) .reverse {
  -webkit-animation-delay: -6200ms;
          animation-delay: -6200ms;
}
.drop:nth-child(47) .z {
  -webkit-transform: translateZ(-996px);
          transform: translateZ(-996px);
}
.drop:nth-child(48) {
  left: 2%;
  -webkit-animation-delay: -5282ms;
          animation-delay: -5282ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(48) .slide {
  -webkit-animation-delay: -2066ms;
          animation-delay: -2066ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(48) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(48) .rotate {
  -webkit-animation-delay: -1016ms;
          animation-delay: -1016ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(48) .move, .drop:nth-child(48) .reverse {
  -webkit-animation-delay: -9237ms;
          animation-delay: -9237ms;
}
.drop:nth-child(48) .z {
  -webkit-transform: translateZ(-837px);
          transform: translateZ(-837px);
}
.drop:nth-child(49) {
  left: 18%;
  -webkit-animation-delay: -1818ms;
          animation-delay: -1818ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(49) .slide {
  -webkit-animation-delay: -3050ms;
          animation-delay: -3050ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(49) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(49) .rotate {
  -webkit-animation-delay: -4430ms;
          animation-delay: -4430ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(49) .move, .drop:nth-child(49) .reverse {
  -webkit-animation-delay: -447ms;
          animation-delay: -447ms;
}
.drop:nth-child(49) .z {
  -webkit-transform: translateZ(-222px);
          transform: translateZ(-222px);
}
.drop:nth-child(50) {
  left: 56%;
  -webkit-animation-delay: -21ms;
          animation-delay: -21ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(50) .slide {
  -webkit-animation-delay: -911ms;
          animation-delay: -911ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(50) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(50) .rotate {
  -webkit-animation-delay: -7036ms;
          animation-delay: -7036ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(50) .move, .drop:nth-child(50) .reverse {
  -webkit-animation-delay: -5136ms;
          animation-delay: -5136ms;
}
.drop:nth-child(50) .z {
  -webkit-transform: translateZ(-263px);
          transform: translateZ(-263px);
}
.drop:nth-child(51) {
  left: 96%;
  -webkit-animation-delay: -5282ms;
          animation-delay: -5282ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(51) .slide {
  -webkit-animation-delay: -6203ms;
          animation-delay: -6203ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(51) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(51) .rotate {
  -webkit-animation-delay: -8740ms;
          animation-delay: -8740ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(51) .move, .drop:nth-child(51) .reverse {
  -webkit-animation-delay: -1056ms;
          animation-delay: -1056ms;
}
.drop:nth-child(51) .z {
  -webkit-transform: translateZ(-134px);
          transform: translateZ(-134px);
}
.drop:nth-child(52) {
  left: 32%;
  -webkit-animation-delay: -1941ms;
          animation-delay: -1941ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(52) .slide {
  -webkit-animation-delay: -9105ms;
          animation-delay: -9105ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(52) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(52) .rotate {
  -webkit-animation-delay: -6551ms;
          animation-delay: -6551ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(52) .move, .drop:nth-child(52) .reverse {
  -webkit-animation-delay: -8886ms;
          animation-delay: -8886ms;
}
.drop:nth-child(52) .z {
  -webkit-transform: translateZ(-814px);
          transform: translateZ(-814px);
}
.drop:nth-child(53) {
  left: 84%;
  -webkit-animation-delay: -2358ms;
          animation-delay: -2358ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(53) .slide {
  -webkit-animation-delay: -8982ms;
          animation-delay: -8982ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(53) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(53) .rotate {
  -webkit-animation-delay: -248ms;
          animation-delay: -248ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(53) .move, .drop:nth-child(53) .reverse {
  -webkit-animation-delay: -406ms;
          animation-delay: -406ms;
}
.drop:nth-child(53) .z {
  -webkit-transform: translateZ(-673px);
          transform: translateZ(-673px);
}
.drop:nth-child(54) {
  left: 72%;
  -webkit-animation-delay: -8152ms;
          animation-delay: -8152ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(54) .slide {
  -webkit-animation-delay: -7904ms;
          animation-delay: -7904ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(54) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(54) .rotate {
  -webkit-animation-delay: -2491ms;
          animation-delay: -2491ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(54) .move, .drop:nth-child(54) .reverse {
  -webkit-animation-delay: -6325ms;
          animation-delay: -6325ms;
}
.drop:nth-child(54) .z {
  -webkit-transform: translateZ(135px);
          transform: translateZ(135px);
}
.drop:nth-child(55) {
  left: 60%;
  -webkit-animation-delay: -9389ms;
          animation-delay: -9389ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(55) .slide {
  -webkit-animation-delay: -8309ms;
          animation-delay: -8309ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(55) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(55) .rotate {
  -webkit-animation-delay: -6112ms;
          animation-delay: -6112ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(55) .move, .drop:nth-child(55) .reverse {
  -webkit-animation-delay: -5731ms;
          animation-delay: -5731ms;
}
.drop:nth-child(55) .z {
  -webkit-transform: translateZ(-734px);
          transform: translateZ(-734px);
}
.drop:nth-child(56) {
  left: 54%;
  -webkit-animation-delay: -3496ms;
          animation-delay: -3496ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(56) .slide {
  -webkit-animation-delay: -7504ms;
          animation-delay: -7504ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(56) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(56) .rotate {
  -webkit-animation-delay: -8560ms;
          animation-delay: -8560ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(56) .move, .drop:nth-child(56) .reverse {
  -webkit-animation-delay: -9758ms;
          animation-delay: -9758ms;
}
.drop:nth-child(56) .z {
  -webkit-transform: translateZ(558px);
          transform: translateZ(558px);
}
.drop:nth-child(57) {
  left: 98%;
  -webkit-animation-delay: -8557ms;
          animation-delay: -8557ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(57) .slide {
  -webkit-animation-delay: -2470ms;
          animation-delay: -2470ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(57) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(57) .rotate {
  -webkit-animation-delay: -8609ms;
          animation-delay: -8609ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(57) .move, .drop:nth-child(57) .reverse {
  -webkit-animation-delay: -6566ms;
          animation-delay: -6566ms;
}
.drop:nth-child(57) .z {
  -webkit-transform: translateZ(-700px);
          transform: translateZ(-700px);
}
.drop:nth-child(58) {
  left: 67%;
  -webkit-animation-delay: -2075ms;
          animation-delay: -2075ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(58) .slide {
  -webkit-animation-delay: -496ms;
          animation-delay: -496ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(58) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(58) .rotate {
  -webkit-animation-delay: -9627ms;
          animation-delay: -9627ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(58) .move, .drop:nth-child(58) .reverse {
  -webkit-animation-delay: -9868ms;
          animation-delay: -9868ms;
}
.drop:nth-child(58) .z {
  -webkit-transform: translateZ(-926px);
          transform: translateZ(-926px);
}
.drop:nth-child(59) {
  left: 7%;
  -webkit-animation-delay: -3678ms;
          animation-delay: -3678ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(59) .slide {
  -webkit-animation-delay: -5831ms;
          animation-delay: -5831ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(59) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(59) .rotate {
  -webkit-animation-delay: -7733ms;
          animation-delay: -7733ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(59) .move, .drop:nth-child(59) .reverse {
  -webkit-animation-delay: -4200ms;
          animation-delay: -4200ms;
}
.drop:nth-child(59) .z {
  -webkit-transform: translateZ(-960px);
          transform: translateZ(-960px);
}
.drop:nth-child(60) {
  left: 68%;
  -webkit-animation-delay: -1130ms;
          animation-delay: -1130ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(60) .slide {
  -webkit-animation-delay: -2393ms;
          animation-delay: -2393ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(60) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(60) .rotate {
  -webkit-animation-delay: -2780ms;
          animation-delay: -2780ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(60) .move, .drop:nth-child(60) .reverse {
  -webkit-animation-delay: -5227ms;
          animation-delay: -5227ms;
}
.drop:nth-child(60) .z {
  -webkit-transform: translateZ(-237px);
          transform: translateZ(-237px);
}
.drop:nth-child(61) {
  left: 37%;
  -webkit-animation-delay: -6326ms;
          animation-delay: -6326ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(61) .slide {
  -webkit-animation-delay: -5620ms;
          animation-delay: -5620ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(61) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(61) .rotate {
  -webkit-animation-delay: -2047ms;
          animation-delay: -2047ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(61) .move, .drop:nth-child(61) .reverse {
  -webkit-animation-delay: -8749ms;
          animation-delay: -8749ms;
}
.drop:nth-child(61) .z {
  -webkit-transform: translateZ(-232px);
          transform: translateZ(-232px);
}
.drop:nth-child(62) {
  left: 1%;
  -webkit-animation-delay: -6519ms;
          animation-delay: -6519ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(62) .slide {
  -webkit-animation-delay: -6246ms;
          animation-delay: -6246ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(62) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(62) .rotate {
  -webkit-animation-delay: -497ms;
          animation-delay: -497ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(62) .move, .drop:nth-child(62) .reverse {
  -webkit-animation-delay: -1203ms;
          animation-delay: -1203ms;
}
.drop:nth-child(62) .z {
  -webkit-transform: translateZ(-232px);
          transform: translateZ(-232px);
}
.drop:nth-child(63) {
  left: 82%;
  -webkit-animation-delay: -1934ms;
          animation-delay: -1934ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(63) .slide {
  -webkit-animation-delay: -1511ms;
          animation-delay: -1511ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(63) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(63) .rotate {
  -webkit-animation-delay: -7927ms;
          animation-delay: -7927ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(63) .move, .drop:nth-child(63) .reverse {
  -webkit-animation-delay: -6864ms;
          animation-delay: -6864ms;
}
.drop:nth-child(63) .z {
  -webkit-transform: translateZ(197px);
          transform: translateZ(197px);
}
.drop:nth-child(64) {
  left: 51%;
  -webkit-animation-delay: -8911ms;
          animation-delay: -8911ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(64) .slide {
  -webkit-animation-delay: -5190ms;
          animation-delay: -5190ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(64) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(64) .rotate {
  -webkit-animation-delay: -68ms;
          animation-delay: -68ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(64) .move, .drop:nth-child(64) .reverse {
  -webkit-animation-delay: -9961ms;
          animation-delay: -9961ms;
}
.drop:nth-child(64) .z {
  -webkit-transform: translateZ(-112px);
          transform: translateZ(-112px);
}
.drop:nth-child(65) {
  left: 50%;
  -webkit-animation-delay: -9910ms;
          animation-delay: -9910ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(65) .slide {
  -webkit-animation-delay: -5893ms;
          animation-delay: -5893ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(65) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(65) .rotate {
  -webkit-animation-delay: -6974ms;
          animation-delay: -6974ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(65) .move, .drop:nth-child(65) .reverse {
  -webkit-animation-delay: -3044ms;
          animation-delay: -3044ms;
}
.drop:nth-child(65) .z {
  -webkit-transform: translateZ(-534px);
          transform: translateZ(-534px);
}
.drop:nth-child(66) {
  left: 93%;
  -webkit-animation-delay: -8188ms;
          animation-delay: -8188ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(66) .slide {
  -webkit-animation-delay: -4117ms;
          animation-delay: -4117ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(66) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(66) .rotate {
  -webkit-animation-delay: -4930ms;
          animation-delay: -4930ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(66) .move, .drop:nth-child(66) .reverse {
  -webkit-animation-delay: -5894ms;
          animation-delay: -5894ms;
}
.drop:nth-child(66) .z {
  -webkit-transform: translateZ(188px);
          transform: translateZ(188px);
}
.drop:nth-child(67) {
  left: 27%;
  -webkit-animation-delay: -2468ms;
          animation-delay: -2468ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(67) .slide {
  -webkit-animation-delay: -3956ms;
          animation-delay: -3956ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(67) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(67) .rotate {
  -webkit-animation-delay: -3094ms;
          animation-delay: -3094ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(67) .move, .drop:nth-child(67) .reverse {
  -webkit-animation-delay: -69ms;
          animation-delay: -69ms;
}
.drop:nth-child(67) .z {
  -webkit-transform: translateZ(-332px);
          transform: translateZ(-332px);
}
.drop:nth-child(68) {
  left: 62%;
  -webkit-animation-delay: -8212ms;
          animation-delay: -8212ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(68) .slide {
  -webkit-animation-delay: -6690ms;
          animation-delay: -6690ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(68) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(68) .rotate {
  -webkit-animation-delay: -3194ms;
          animation-delay: -3194ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(68) .move, .drop:nth-child(68) .reverse {
  -webkit-animation-delay: -4349ms;
          animation-delay: -4349ms;
}
.drop:nth-child(68) .z {
  -webkit-transform: translateZ(-293px);
          transform: translateZ(-293px);
}
.drop:nth-child(69) {
  left: 61%;
  -webkit-animation-delay: -5356ms;
          animation-delay: -5356ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(69) .slide {
  -webkit-animation-delay: -8526ms;
          animation-delay: -8526ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(69) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(69) .rotate {
  -webkit-animation-delay: -9849ms;
          animation-delay: -9849ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(69) .move, .drop:nth-child(69) .reverse {
  -webkit-animation-delay: -9357ms;
          animation-delay: -9357ms;
}
.drop:nth-child(69) .z {
  -webkit-transform: translateZ(-174px);
          transform: translateZ(-174px);
}
.drop:nth-child(70) {
  left: 18%;
  -webkit-animation-delay: -1174ms;
          animation-delay: -1174ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(70) .slide {
  -webkit-animation-delay: -8317ms;
          animation-delay: -8317ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(70) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(70) .rotate {
  -webkit-animation-delay: -8533ms;
          animation-delay: -8533ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(70) .move, .drop:nth-child(70) .reverse {
  -webkit-animation-delay: -2589ms;
          animation-delay: -2589ms;
}
.drop:nth-child(70) .z {
  -webkit-transform: translateZ(886px);
          transform: translateZ(886px);
}
.drop:nth-child(71) {
  left: 21%;
  -webkit-animation-delay: -8958ms;
          animation-delay: -8958ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(71) .slide {
  -webkit-animation-delay: -2203ms;
          animation-delay: -2203ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(71) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(71) .rotate {
  -webkit-animation-delay: -4341ms;
          animation-delay: -4341ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(71) .move, .drop:nth-child(71) .reverse {
  -webkit-animation-delay: -9007ms;
          animation-delay: -9007ms;
}
.drop:nth-child(71) .z {
  -webkit-transform: translateZ(-185px);
          transform: translateZ(-185px);
}
.drop:nth-child(72) {
  left: 49%;
  -webkit-animation-delay: -7180ms;
          animation-delay: -7180ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(72) .slide {
  -webkit-animation-delay: -5421ms;
          animation-delay: -5421ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(72) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(72) .rotate {
  -webkit-animation-delay: -3923ms;
          animation-delay: -3923ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(72) .move, .drop:nth-child(72) .reverse {
  -webkit-animation-delay: -398ms;
          animation-delay: -398ms;
}
.drop:nth-child(72) .z {
  -webkit-transform: translateZ(993px);
          transform: translateZ(993px);
}
.drop:nth-child(73) {
  left: 63%;
  -webkit-animation-delay: -7605ms;
          animation-delay: -7605ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(73) .slide {
  -webkit-animation-delay: -2726ms;
          animation-delay: -2726ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(73) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(73) .rotate {
  -webkit-animation-delay: -876ms;
          animation-delay: -876ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(73) .move, .drop:nth-child(73) .reverse {
  -webkit-animation-delay: -9852ms;
          animation-delay: -9852ms;
}
.drop:nth-child(73) .z {
  -webkit-transform: translateZ(569px);
          transform: translateZ(569px);
}
.drop:nth-child(74) {
  left: 27%;
  -webkit-animation-delay: -3685ms;
          animation-delay: -3685ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(74) .slide {
  -webkit-animation-delay: -4527ms;
          animation-delay: -4527ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(74) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(74) .rotate {
  -webkit-animation-delay: -88ms;
          animation-delay: -88ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(74) .move, .drop:nth-child(74) .reverse {
  -webkit-animation-delay: -8782ms;
          animation-delay: -8782ms;
}
.drop:nth-child(74) .z {
  -webkit-transform: translateZ(-1px);
          transform: translateZ(-1px);
}
.drop:nth-child(75) {
  left: 3%;
  -webkit-animation-delay: -5135ms;
          animation-delay: -5135ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(75) .slide {
  -webkit-animation-delay: -8973ms;
          animation-delay: -8973ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(75) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(75) .rotate {
  -webkit-animation-delay: -7770ms;
          animation-delay: -7770ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(75) .move, .drop:nth-child(75) .reverse {
  -webkit-animation-delay: -1359ms;
          animation-delay: -1359ms;
}
.drop:nth-child(75) .z {
  -webkit-transform: translateZ(-514px);
          transform: translateZ(-514px);
}
.drop:nth-child(76) {
  left: 1%;
  -webkit-animation-delay: -1193ms;
          animation-delay: -1193ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(76) .slide {
  -webkit-animation-delay: -7989ms;
          animation-delay: -7989ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(76) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(76) .rotate {
  -webkit-animation-delay: -2248ms;
          animation-delay: -2248ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(76) .move, .drop:nth-child(76) .reverse {
  -webkit-animation-delay: -2445ms;
          animation-delay: -2445ms;
}
.drop:nth-child(76) .z {
  -webkit-transform: translateZ(-903px);
          transform: translateZ(-903px);
}
.drop:nth-child(77) {
  left: 7%;
  -webkit-animation-delay: -2515ms;
          animation-delay: -2515ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(77) .slide {
  -webkit-animation-delay: -5328ms;
          animation-delay: -5328ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(77) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(77) .rotate {
  -webkit-animation-delay: -2469ms;
          animation-delay: -2469ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(77) .move, .drop:nth-child(77) .reverse {
  -webkit-animation-delay: -6482ms;
          animation-delay: -6482ms;
}
.drop:nth-child(77) .z {
  -webkit-transform: translateZ(627px);
          transform: translateZ(627px);
}
.drop:nth-child(78) {
  left: 83%;
  -webkit-animation-delay: -4965ms;
          animation-delay: -4965ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(78) .slide {
  -webkit-animation-delay: -7920ms;
          animation-delay: -7920ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(78) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(78) .rotate {
  -webkit-animation-delay: -1879ms;
          animation-delay: -1879ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(78) .move, .drop:nth-child(78) .reverse {
  -webkit-animation-delay: -3390ms;
          animation-delay: -3390ms;
}
.drop:nth-child(78) .z {
  -webkit-transform: translateZ(-641px);
          transform: translateZ(-641px);
}
.drop:nth-child(79) {
  left: 24%;
  -webkit-animation-delay: -325ms;
          animation-delay: -325ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(79) .slide {
  -webkit-animation-delay: -7053ms;
          animation-delay: -7053ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(79) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(79) .rotate {
  -webkit-animation-delay: -8361ms;
          animation-delay: -8361ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(79) .move, .drop:nth-child(79) .reverse {
  -webkit-animation-delay: -6241ms;
          animation-delay: -6241ms;
}
.drop:nth-child(79) .z {
  -webkit-transform: translateZ(-492px);
          transform: translateZ(-492px);
}
.drop:nth-child(80) {
  left: 35%;
  -webkit-animation-delay: -9432ms;
          animation-delay: -9432ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(80) .slide {
  -webkit-animation-delay: -328ms;
          animation-delay: -328ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(80) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(80) .rotate {
  -webkit-animation-delay: -2658ms;
          animation-delay: -2658ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(80) .move, .drop:nth-child(80) .reverse {
  -webkit-animation-delay: -7466ms;
          animation-delay: -7466ms;
}
.drop:nth-child(80) .z {
  -webkit-transform: translateZ(-668px);
          transform: translateZ(-668px);
}
.drop:nth-child(81) {
  left: 20%;
  -webkit-animation-delay: -204ms;
          animation-delay: -204ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(81) .slide {
  -webkit-animation-delay: -281ms;
          animation-delay: -281ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(81) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(81) .rotate {
  -webkit-animation-delay: -145ms;
          animation-delay: -145ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(81) .move, .drop:nth-child(81) .reverse {
  -webkit-animation-delay: -4274ms;
          animation-delay: -4274ms;
}
.drop:nth-child(81) .z {
  -webkit-transform: translateZ(-994px);
          transform: translateZ(-994px);
}
.drop:nth-child(82) {
  left: 65%;
  -webkit-animation-delay: -878ms;
          animation-delay: -878ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(82) .slide {
  -webkit-animation-delay: -8459ms;
          animation-delay: -8459ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(82) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(82) .rotate {
  -webkit-animation-delay: -7918ms;
          animation-delay: -7918ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(82) .move, .drop:nth-child(82) .reverse {
  -webkit-animation-delay: -4966ms;
          animation-delay: -4966ms;
}
.drop:nth-child(82) .z {
  -webkit-transform: translateZ(689px);
          transform: translateZ(689px);
}
.drop:nth-child(83) {
  left: 79%;
  -webkit-animation-delay: -8924ms;
          animation-delay: -8924ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(83) .slide {
  -webkit-animation-delay: -6911ms;
          animation-delay: -6911ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(83) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(83) .rotate {
  -webkit-animation-delay: -792ms;
          animation-delay: -792ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(83) .move, .drop:nth-child(83) .reverse {
  -webkit-animation-delay: -9292ms;
          animation-delay: -9292ms;
}
.drop:nth-child(83) .z {
  -webkit-transform: translateZ(559px);
          transform: translateZ(559px);
}
.drop:nth-child(84) {
  left: 75%;
  -webkit-animation-delay: -6241ms;
          animation-delay: -6241ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(84) .slide {
  -webkit-animation-delay: -6598ms;
          animation-delay: -6598ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(84) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(84) .rotate {
  -webkit-animation-delay: -2700ms;
          animation-delay: -2700ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(84) .move, .drop:nth-child(84) .reverse {
  -webkit-animation-delay: -2257ms;
          animation-delay: -2257ms;
}
.drop:nth-child(84) .z {
  -webkit-transform: translateZ(444px);
          transform: translateZ(444px);
}
.drop:nth-child(85) {
  left: 49%;
  -webkit-animation-delay: -812ms;
          animation-delay: -812ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(85) .slide {
  -webkit-animation-delay: -2825ms;
          animation-delay: -2825ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(85) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(85) .rotate {
  -webkit-animation-delay: -7358ms;
          animation-delay: -7358ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(85) .move, .drop:nth-child(85) .reverse {
  -webkit-animation-delay: -3534ms;
          animation-delay: -3534ms;
}
.drop:nth-child(85) .z {
  -webkit-transform: translateZ(331px);
          transform: translateZ(331px);
}
.drop:nth-child(86) {
  left: 16%;
  -webkit-animation-delay: -4631ms;
          animation-delay: -4631ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(86) .slide {
  -webkit-animation-delay: -1847ms;
          animation-delay: -1847ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(86) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(86) .rotate {
  -webkit-animation-delay: -5256ms;
          animation-delay: -5256ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(86) .move, .drop:nth-child(86) .reverse {
  -webkit-animation-delay: -4630ms;
          animation-delay: -4630ms;
}
.drop:nth-child(86) .z {
  -webkit-transform: translateZ(-519px);
          transform: translateZ(-519px);
}
.drop:nth-child(87) {
  left: 73%;
  -webkit-animation-delay: -4310ms;
          animation-delay: -4310ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(87) .slide {
  -webkit-animation-delay: -8390ms;
          animation-delay: -8390ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(87) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(87) .rotate {
  -webkit-animation-delay: -4078ms;
          animation-delay: -4078ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(87) .move, .drop:nth-child(87) .reverse {
  -webkit-animation-delay: -7587ms;
          animation-delay: -7587ms;
}
.drop:nth-child(87) .z {
  -webkit-transform: translateZ(-326px);
          transform: translateZ(-326px);
}
.drop:nth-child(88) {
  left: 49%;
  -webkit-animation-delay: -4779ms;
          animation-delay: -4779ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(88) .slide {
  -webkit-animation-delay: -9622ms;
          animation-delay: -9622ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(88) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(88) .rotate {
  -webkit-animation-delay: -3245ms;
          animation-delay: -3245ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(88) .move, .drop:nth-child(88) .reverse {
  -webkit-animation-delay: -2878ms;
          animation-delay: -2878ms;
}
.drop:nth-child(88) .z {
  -webkit-transform: translateZ(124px);
          transform: translateZ(124px);
}
.drop:nth-child(89) {
  left: 5%;
  -webkit-animation-delay: -8874ms;
          animation-delay: -8874ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(89) .slide {
  -webkit-animation-delay: -4327ms;
          animation-delay: -4327ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(89) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(89) .rotate {
  -webkit-animation-delay: -9393ms;
          animation-delay: -9393ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(89) .move, .drop:nth-child(89) .reverse {
  -webkit-animation-delay: -3274ms;
          animation-delay: -3274ms;
}
.drop:nth-child(89) .z {
  -webkit-transform: translateZ(-823px);
          transform: translateZ(-823px);
}
.drop:nth-child(90) {
  left: 14%;
  -webkit-animation-delay: -1868ms;
          animation-delay: -1868ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(90) .slide {
  -webkit-animation-delay: -7186ms;
          animation-delay: -7186ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(90) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(90) .rotate {
  -webkit-animation-delay: -8838ms;
          animation-delay: -8838ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(90) .move, .drop:nth-child(90) .reverse {
  -webkit-animation-delay: -2874ms;
          animation-delay: -2874ms;
}
.drop:nth-child(90) .z {
  -webkit-transform: translateZ(-792px);
          transform: translateZ(-792px);
}
.drop:nth-child(91) {
  left: 9%;
  -webkit-animation-delay: -5562ms;
          animation-delay: -5562ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(91) .slide {
  -webkit-animation-delay: -9125ms;
          animation-delay: -9125ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(91) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(91) .rotate {
  -webkit-animation-delay: -4828ms;
          animation-delay: -4828ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(91) .move, .drop:nth-child(91) .reverse {
  -webkit-animation-delay: -8005ms;
          animation-delay: -8005ms;
}
.drop:nth-child(91) .z {
  -webkit-transform: translateZ(-710px);
          transform: translateZ(-710px);
}
.drop:nth-child(92) {
  left: 21%;
  -webkit-animation-delay: -1710ms;
          animation-delay: -1710ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(92) .slide {
  -webkit-animation-delay: -1449ms;
          animation-delay: -1449ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(92) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(92) .rotate {
  -webkit-animation-delay: -532ms;
          animation-delay: -532ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(92) .move, .drop:nth-child(92) .reverse {
  -webkit-animation-delay: -3571ms;
          animation-delay: -3571ms;
}
.drop:nth-child(92) .z {
  -webkit-transform: translateZ(-248px);
          transform: translateZ(-248px);
}
.drop:nth-child(93) {
  left: 25%;
  -webkit-animation-delay: -5258ms;
          animation-delay: -5258ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(93) .slide {
  -webkit-animation-delay: -2412ms;
          animation-delay: -2412ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(93) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(93) .rotate {
  -webkit-animation-delay: -3967ms;
          animation-delay: -3967ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(93) .move, .drop:nth-child(93) .reverse {
  -webkit-animation-delay: -262ms;
          animation-delay: -262ms;
}
.drop:nth-child(93) .z {
  -webkit-transform: translateZ(-498px);
          transform: translateZ(-498px);
}
.drop:nth-child(94) {
  left: 100%;
  -webkit-animation-delay: -6857ms;
          animation-delay: -6857ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(94) .slide {
  -webkit-animation-delay: -637ms;
          animation-delay: -637ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(94) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(94) .rotate {
  -webkit-animation-delay: -7385ms;
          animation-delay: -7385ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(94) .move, .drop:nth-child(94) .reverse {
  -webkit-animation-delay: -2553ms;
          animation-delay: -2553ms;
}
.drop:nth-child(94) .z {
  -webkit-transform: translateZ(-404px);
          transform: translateZ(-404px);
}
.drop:nth-child(95) {
  left: 18%;
  -webkit-animation-delay: -8359ms;
          animation-delay: -8359ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(95) .slide {
  -webkit-animation-delay: -6292ms;
          animation-delay: -6292ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(95) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(95) .rotate {
  -webkit-animation-delay: -3473ms;
          animation-delay: -3473ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(95) .move, .drop:nth-child(95) .reverse {
  -webkit-animation-delay: -1641ms;
          animation-delay: -1641ms;
}
.drop:nth-child(95) .z {
  -webkit-transform: translateZ(-866px);
          transform: translateZ(-866px);
}
.drop:nth-child(96) {
  left: 53%;
  -webkit-animation-delay: -5343ms;
          animation-delay: -5343ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(96) .slide {
  -webkit-animation-delay: -8744ms;
          animation-delay: -8744ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(96) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(96) .rotate {
  -webkit-animation-delay: -8974ms;
          animation-delay: -8974ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(96) .move, .drop:nth-child(96) .reverse {
  -webkit-animation-delay: -9209ms;
          animation-delay: -9209ms;
}
.drop:nth-child(96) .z {
  -webkit-transform: translateZ(352px);
          transform: translateZ(352px);
}
.drop:nth-child(97) {
  left: 56%;
  -webkit-animation-delay: -6127ms;
          animation-delay: -6127ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(97) .slide {
  -webkit-animation-delay: -8632ms;
          animation-delay: -8632ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(97) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(97) .rotate {
  -webkit-animation-delay: -1550ms;
          animation-delay: -1550ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(97) .move, .drop:nth-child(97) .reverse {
  -webkit-animation-delay: -6756ms;
          animation-delay: -6756ms;
}
.drop:nth-child(97) .z {
  -webkit-transform: translateZ(-347px);
          transform: translateZ(-347px);
}
.drop:nth-child(98) {
  left: 59%;
  -webkit-animation-delay: -6124ms;
          animation-delay: -6124ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(98) .slide {
  -webkit-animation-delay: -3069ms;
          animation-delay: -3069ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(98) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(98) .rotate {
  -webkit-animation-delay: -7218ms;
          animation-delay: -7218ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(98) .move, .drop:nth-child(98) .reverse {
  -webkit-animation-delay: -2222ms;
          animation-delay: -2222ms;
}
.drop:nth-child(98) .z {
  -webkit-transform: translateZ(-348px);
          transform: translateZ(-348px);
}
.drop:nth-child(99) {
  left: 73%;
  -webkit-animation-delay: -3321ms;
          animation-delay: -3321ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(99) .slide {
  -webkit-animation-delay: -8569ms;
          animation-delay: -8569ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(99) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(99) .rotate {
  -webkit-animation-delay: -7703ms;
          animation-delay: -7703ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(99) .move, .drop:nth-child(99) .reverse {
  -webkit-animation-delay: -9114ms;
          animation-delay: -9114ms;
}
.drop:nth-child(99) .z {
  -webkit-transform: translateZ(736px);
          transform: translateZ(736px);
}
.drop:nth-child(100) {
  left: 72%;
  -webkit-animation-delay: -8944ms;
          animation-delay: -8944ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(100) .slide {
  -webkit-animation-delay: -6322ms;
          animation-delay: -6322ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(100) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(100) .rotate {
  -webkit-animation-delay: -4889ms;
          animation-delay: -4889ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(100) .move, .drop:nth-child(100) .reverse {
  -webkit-animation-delay: -945ms;
          animation-delay: -945ms;
}
.drop:nth-child(100) .z {
  -webkit-transform: translateZ(-251px);
          transform: translateZ(-251px);
}
.drop:nth-child(101) {
  left: 19%;
  -webkit-animation-delay: -2621ms;
          animation-delay: -2621ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(101) .slide {
  -webkit-animation-delay: -5091ms;
          animation-delay: -5091ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(101) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(101) .rotate {
  -webkit-animation-delay: -5562ms;
          animation-delay: -5562ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(101) .move, .drop:nth-child(101) .reverse {
  -webkit-animation-delay: -511ms;
          animation-delay: -511ms;
}
.drop:nth-child(101) .z {
  -webkit-transform: translateZ(-887px);
          transform: translateZ(-887px);
}
.drop:nth-child(102) {
  left: 52%;
  -webkit-animation-delay: -7567ms;
          animation-delay: -7567ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(102) .slide {
  -webkit-animation-delay: -1352ms;
          animation-delay: -1352ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(102) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(102) .rotate {
  -webkit-animation-delay: -4998ms;
          animation-delay: -4998ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(102) .move, .drop:nth-child(102) .reverse {
  -webkit-animation-delay: -8962ms;
          animation-delay: -8962ms;
}
.drop:nth-child(102) .z {
  -webkit-transform: translateZ(-58px);
          transform: translateZ(-58px);
}
.drop:nth-child(103) {
  left: 39%;
  -webkit-animation-delay: -4910ms;
          animation-delay: -4910ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(103) .slide {
  -webkit-animation-delay: -788ms;
          animation-delay: -788ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(103) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(103) .rotate {
  -webkit-animation-delay: -7597ms;
          animation-delay: -7597ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(103) .move, .drop:nth-child(103) .reverse {
  -webkit-animation-delay: -510ms;
          animation-delay: -510ms;
}
.drop:nth-child(103) .z {
  -webkit-transform: translateZ(324px);
          transform: translateZ(324px);
}
.drop:nth-child(104) {
  left: 87%;
  -webkit-animation-delay: -5157ms;
          animation-delay: -5157ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(104) .slide {
  -webkit-animation-delay: -7131ms;
          animation-delay: -7131ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(104) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(104) .rotate {
  -webkit-animation-delay: -9769ms;
          animation-delay: -9769ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(104) .move, .drop:nth-child(104) .reverse {
  -webkit-animation-delay: -5929ms;
          animation-delay: -5929ms;
}
.drop:nth-child(104) .z {
  -webkit-transform: translateZ(-540px);
          transform: translateZ(-540px);
}
.drop:nth-child(105) {
  left: 29%;
  -webkit-animation-delay: -4978ms;
          animation-delay: -4978ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(105) .slide {
  -webkit-animation-delay: -7835ms;
          animation-delay: -7835ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(105) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(105) .rotate {
  -webkit-animation-delay: -4577ms;
          animation-delay: -4577ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(105) .move, .drop:nth-child(105) .reverse {
  -webkit-animation-delay: -4901ms;
          animation-delay: -4901ms;
}
.drop:nth-child(105) .z {
  -webkit-transform: translateZ(967px);
          transform: translateZ(967px);
}
.drop:nth-child(106) {
  left: 61%;
  -webkit-animation-delay: -7498ms;
          animation-delay: -7498ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(106) .slide {
  -webkit-animation-delay: -4748ms;
          animation-delay: -4748ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(106) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(106) .rotate {
  -webkit-animation-delay: -2281ms;
          animation-delay: -2281ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(106) .move, .drop:nth-child(106) .reverse {
  -webkit-animation-delay: -5282ms;
          animation-delay: -5282ms;
}
.drop:nth-child(106) .z {
  -webkit-transform: translateZ(-968px);
          transform: translateZ(-968px);
}
.drop:nth-child(107) {
  left: 65%;
  -webkit-animation-delay: -8720ms;
          animation-delay: -8720ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(107) .slide {
  -webkit-animation-delay: -9402ms;
          animation-delay: -9402ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(107) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(107) .rotate {
  -webkit-animation-delay: -8253ms;
          animation-delay: -8253ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(107) .move, .drop:nth-child(107) .reverse {
  -webkit-animation-delay: -6160ms;
          animation-delay: -6160ms;
}
.drop:nth-child(107) .z {
  -webkit-transform: translateZ(-692px);
          transform: translateZ(-692px);
}
.drop:nth-child(108) {
  left: 54%;
  -webkit-animation-delay: -2904ms;
          animation-delay: -2904ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(108) .slide {
  -webkit-animation-delay: -7533ms;
          animation-delay: -7533ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(108) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(108) .rotate {
  -webkit-animation-delay: -2389ms;
          animation-delay: -2389ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(108) .move, .drop:nth-child(108) .reverse {
  -webkit-animation-delay: -1651ms;
          animation-delay: -1651ms;
}
.drop:nth-child(108) .z {
  -webkit-transform: translateZ(-502px);
          transform: translateZ(-502px);
}
.drop:nth-child(109) {
  left: 73%;
  -webkit-animation-delay: -4539ms;
          animation-delay: -4539ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(109) .slide {
  -webkit-animation-delay: -436ms;
          animation-delay: -436ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(109) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(109) .rotate {
  -webkit-animation-delay: -8127ms;
          animation-delay: -8127ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(109) .move, .drop:nth-child(109) .reverse {
  -webkit-animation-delay: -3063ms;
          animation-delay: -3063ms;
}
.drop:nth-child(109) .z {
  -webkit-transform: translateZ(-375px);
          transform: translateZ(-375px);
}
.drop:nth-child(110) {
  left: 44%;
  -webkit-animation-delay: -5255ms;
          animation-delay: -5255ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(110) .slide {
  -webkit-animation-delay: -6562ms;
          animation-delay: -6562ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(110) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(110) .rotate {
  -webkit-animation-delay: -6835ms;
          animation-delay: -6835ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(110) .move, .drop:nth-child(110) .reverse {
  -webkit-animation-delay: -965ms;
          animation-delay: -965ms;
}
.drop:nth-child(110) .z {
  -webkit-transform: translateZ(240px);
          transform: translateZ(240px);
}
.drop:nth-child(111) {
  left: 74%;
  -webkit-animation-delay: -8046ms;
          animation-delay: -8046ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(111) .slide {
  -webkit-animation-delay: -4686ms;
          animation-delay: -4686ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(111) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(111) .rotate {
  -webkit-animation-delay: -3651ms;
          animation-delay: -3651ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(111) .move, .drop:nth-child(111) .reverse {
  -webkit-animation-delay: -3651ms;
          animation-delay: -3651ms;
}
.drop:nth-child(111) .z {
  -webkit-transform: translateZ(739px);
          transform: translateZ(739px);
}
.drop:nth-child(112) {
  left: 77%;
  -webkit-animation-delay: -3700ms;
          animation-delay: -3700ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(112) .slide {
  -webkit-animation-delay: -658ms;
          animation-delay: -658ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(112) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(112) .rotate {
  -webkit-animation-delay: -3557ms;
          animation-delay: -3557ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(112) .move, .drop:nth-child(112) .reverse {
  -webkit-animation-delay: -697ms;
          animation-delay: -697ms;
}
.drop:nth-child(112) .z {
  -webkit-transform: translateZ(611px);
          transform: translateZ(611px);
}
.drop:nth-child(113) {
  left: 68%;
  -webkit-animation-delay: -1624ms;
          animation-delay: -1624ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(113) .slide {
  -webkit-animation-delay: -3975ms;
          animation-delay: -3975ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(113) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(113) .rotate {
  -webkit-animation-delay: -951ms;
          animation-delay: -951ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(113) .move, .drop:nth-child(113) .reverse {
  -webkit-animation-delay: -7449ms;
          animation-delay: -7449ms;
}
.drop:nth-child(113) .z {
  -webkit-transform: translateZ(-355px);
          transform: translateZ(-355px);
}
.drop:nth-child(114) {
  left: 45%;
  -webkit-animation-delay: -1230ms;
          animation-delay: -1230ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(114) .slide {
  -webkit-animation-delay: -2750ms;
          animation-delay: -2750ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(114) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(114) .rotate {
  -webkit-animation-delay: -4906ms;
          animation-delay: -4906ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(114) .move, .drop:nth-child(114) .reverse {
  -webkit-animation-delay: -4043ms;
          animation-delay: -4043ms;
}
.drop:nth-child(114) .z {
  -webkit-transform: translateZ(-280px);
          transform: translateZ(-280px);
}
.drop:nth-child(115) {
  left: 8%;
  -webkit-animation-delay: -6494ms;
          animation-delay: -6494ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(115) .slide {
  -webkit-animation-delay: -8780ms;
          animation-delay: -8780ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(115) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(115) .rotate {
  -webkit-animation-delay: -4731ms;
          animation-delay: -4731ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(115) .move, .drop:nth-child(115) .reverse {
  -webkit-animation-delay: -4495ms;
          animation-delay: -4495ms;
}
.drop:nth-child(115) .z {
  -webkit-transform: translateZ(597px);
          transform: translateZ(597px);
}
.drop:nth-child(116) {
  left: 5%;
  -webkit-animation-delay: -7407ms;
          animation-delay: -7407ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(116) .slide {
  -webkit-animation-delay: -4361ms;
          animation-delay: -4361ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(116) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(116) .rotate {
  -webkit-animation-delay: -3230ms;
          animation-delay: -3230ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(116) .move, .drop:nth-child(116) .reverse {
  -webkit-animation-delay: -7410ms;
          animation-delay: -7410ms;
}
.drop:nth-child(116) .z {
  -webkit-transform: translateZ(931px);
          transform: translateZ(931px);
}
.drop:nth-child(117) {
  left: 21%;
  -webkit-animation-delay: -4838ms;
          animation-delay: -4838ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(117) .slide {
  -webkit-animation-delay: -5048ms;
          animation-delay: -5048ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(117) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(117) .rotate {
  -webkit-animation-delay: -5678ms;
          animation-delay: -5678ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(117) .move, .drop:nth-child(117) .reverse {
  -webkit-animation-delay: -8100ms;
          animation-delay: -8100ms;
}
.drop:nth-child(117) .z {
  -webkit-transform: translateZ(457px);
          transform: translateZ(457px);
}
.drop:nth-child(118) {
  left: 9%;
  -webkit-animation-delay: -9348ms;
          animation-delay: -9348ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(118) .slide {
  -webkit-animation-delay: -9864ms;
          animation-delay: -9864ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(118) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(118) .rotate {
  -webkit-animation-delay: -5658ms;
          animation-delay: -5658ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(118) .move, .drop:nth-child(118) .reverse {
  -webkit-animation-delay: -5075ms;
          animation-delay: -5075ms;
}
.drop:nth-child(118) .z {
  -webkit-transform: translateZ(-306px);
          transform: translateZ(-306px);
}
.drop:nth-child(119) {
  left: 43%;
  -webkit-animation-delay: -5033ms;
          animation-delay: -5033ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(119) .slide {
  -webkit-animation-delay: -2919ms;
          animation-delay: -2919ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(119) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(119) .rotate {
  -webkit-animation-delay: -1532ms;
          animation-delay: -1532ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(119) .move, .drop:nth-child(119) .reverse {
  -webkit-animation-delay: -2268ms;
          animation-delay: -2268ms;
}
.drop:nth-child(119) .z {
  -webkit-transform: translateZ(24px);
          transform: translateZ(24px);
}
.drop:nth-child(120) {
  left: 54%;
  -webkit-animation-delay: -5171ms;
          animation-delay: -5171ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(120) .slide {
  -webkit-animation-delay: -2768ms;
          animation-delay: -2768ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(120) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(120) .rotate {
  -webkit-animation-delay: -4999ms;
          animation-delay: -4999ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(120) .move, .drop:nth-child(120) .reverse {
  -webkit-animation-delay: -9751ms;
          animation-delay: -9751ms;
}
.drop:nth-child(120) .z {
  -webkit-transform: translateZ(-825px);
          transform: translateZ(-825px);
}
.drop:nth-child(121) {
  left: 56%;
  -webkit-animation-delay: -7617ms;
          animation-delay: -7617ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(121) .slide {
  -webkit-animation-delay: -8632ms;
          animation-delay: -8632ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(121) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(121) .rotate {
  -webkit-animation-delay: -3046ms;
          animation-delay: -3046ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(121) .move, .drop:nth-child(121) .reverse {
  -webkit-animation-delay: -438ms;
          animation-delay: -438ms;
}
.drop:nth-child(121) .z {
  -webkit-transform: translateZ(-378px);
          transform: translateZ(-378px);
}
.drop:nth-child(122) {
  left: 22%;
  -webkit-animation-delay: -4537ms;
          animation-delay: -4537ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(122) .slide {
  -webkit-animation-delay: -4838ms;
          animation-delay: -4838ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(122) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(122) .rotate {
  -webkit-animation-delay: -6802ms;
          animation-delay: -6802ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(122) .move, .drop:nth-child(122) .reverse {
  -webkit-animation-delay: -798ms;
          animation-delay: -798ms;
}
.drop:nth-child(122) .z {
  -webkit-transform: translateZ(-665px);
          transform: translateZ(-665px);
}
.drop:nth-child(123) {
  left: 4%;
  -webkit-animation-delay: -8117ms;
          animation-delay: -8117ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(123) .slide {
  -webkit-animation-delay: -404ms;
          animation-delay: -404ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(123) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(123) .rotate {
  -webkit-animation-delay: -1236ms;
          animation-delay: -1236ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(123) .move, .drop:nth-child(123) .reverse {
  -webkit-animation-delay: -8579ms;
          animation-delay: -8579ms;
}
.drop:nth-child(123) .z {
  -webkit-transform: translateZ(198px);
          transform: translateZ(198px);
}
.drop:nth-child(124) {
  left: 22%;
  -webkit-animation-delay: -9758ms;
          animation-delay: -9758ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(124) .slide {
  -webkit-animation-delay: -4479ms;
          animation-delay: -4479ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(124) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(124) .rotate {
  -webkit-animation-delay: -1324ms;
          animation-delay: -1324ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(124) .move, .drop:nth-child(124) .reverse {
  -webkit-animation-delay: -2743ms;
          animation-delay: -2743ms;
}
.drop:nth-child(124) .z {
  -webkit-transform: translateZ(-435px);
          transform: translateZ(-435px);
}
.drop:nth-child(125) {
  left: 32%;
  -webkit-animation-delay: -608ms;
          animation-delay: -608ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(125) .slide {
  -webkit-animation-delay: -3933ms;
          animation-delay: -3933ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(125) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(125) .rotate {
  -webkit-animation-delay: -9769ms;
          animation-delay: -9769ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(125) .move, .drop:nth-child(125) .reverse {
  -webkit-animation-delay: -983ms;
          animation-delay: -983ms;
}
.drop:nth-child(125) .z {
  -webkit-transform: translateZ(-362px);
          transform: translateZ(-362px);
}
.drop:nth-child(126) {
  left: 78%;
  -webkit-animation-delay: -5382ms;
          animation-delay: -5382ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(126) .slide {
  -webkit-animation-delay: -2024ms;
          animation-delay: -2024ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(126) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(126) .rotate {
  -webkit-animation-delay: -619ms;
          animation-delay: -619ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(126) .move, .drop:nth-child(126) .reverse {
  -webkit-animation-delay: -3955ms;
          animation-delay: -3955ms;
}
.drop:nth-child(126) .z {
  -webkit-transform: translateZ(-558px);
          transform: translateZ(-558px);
}
.drop:nth-child(127) {
  left: 30%;
  -webkit-animation-delay: -4097ms;
          animation-delay: -4097ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(127) .slide {
  -webkit-animation-delay: -5681ms;
          animation-delay: -5681ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(127) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(127) .rotate {
  -webkit-animation-delay: -6806ms;
          animation-delay: -6806ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(127) .move, .drop:nth-child(127) .reverse {
  -webkit-animation-delay: -9995ms;
          animation-delay: -9995ms;
}
.drop:nth-child(127) .z {
  -webkit-transform: translateZ(-716px);
          transform: translateZ(-716px);
}
.drop:nth-child(128) {
  left: 20%;
  -webkit-animation-delay: -444ms;
          animation-delay: -444ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(128) .slide {
  -webkit-animation-delay: -9677ms;
          animation-delay: -9677ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(128) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(128) .rotate {
  -webkit-animation-delay: -4315ms;
          animation-delay: -4315ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(128) .move, .drop:nth-child(128) .reverse {
  -webkit-animation-delay: -6817ms;
          animation-delay: -6817ms;
}
.drop:nth-child(128) .z {
  -webkit-transform: translateZ(-392px);
          transform: translateZ(-392px);
}
.drop:nth-child(129) {
  left: 76%;
  -webkit-animation-delay: -4578ms;
          animation-delay: -4578ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(129) .slide {
  -webkit-animation-delay: -8455ms;
          animation-delay: -8455ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(129) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(129) .rotate {
  -webkit-animation-delay: -5633ms;
          animation-delay: -5633ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(129) .move, .drop:nth-child(129) .reverse {
  -webkit-animation-delay: -5962ms;
          animation-delay: -5962ms;
}
.drop:nth-child(129) .z {
  -webkit-transform: translateZ(215px);
          transform: translateZ(215px);
}
.drop:nth-child(130) {
  left: 59%;
  -webkit-animation-delay: -7756ms;
          animation-delay: -7756ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(130) .slide {
  -webkit-animation-delay: -2243ms;
          animation-delay: -2243ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(130) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(130) .rotate {
  -webkit-animation-delay: -5678ms;
          animation-delay: -5678ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(130) .move, .drop:nth-child(130) .reverse {
  -webkit-animation-delay: -6375ms;
          animation-delay: -6375ms;
}
.drop:nth-child(130) .z {
  -webkit-transform: translateZ(645px);
          transform: translateZ(645px);
}
.drop:nth-child(131) {
  left: 40%;
  -webkit-animation-delay: -3020ms;
          animation-delay: -3020ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(131) .slide {
  -webkit-animation-delay: -7853ms;
          animation-delay: -7853ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(131) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(131) .rotate {
  -webkit-animation-delay: -883ms;
          animation-delay: -883ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(131) .move, .drop:nth-child(131) .reverse {
  -webkit-animation-delay: -578ms;
          animation-delay: -578ms;
}
.drop:nth-child(131) .z {
  -webkit-transform: translateZ(-132px);
          transform: translateZ(-132px);
}
.drop:nth-child(132) {
  left: 40%;
  -webkit-animation-delay: -2250ms;
          animation-delay: -2250ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(132) .slide {
  -webkit-animation-delay: -9206ms;
          animation-delay: -9206ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(132) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(132) .rotate {
  -webkit-animation-delay: -210ms;
          animation-delay: -210ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(132) .move, .drop:nth-child(132) .reverse {
  -webkit-animation-delay: -282ms;
          animation-delay: -282ms;
}
.drop:nth-child(132) .z {
  -webkit-transform: translateZ(629px);
          transform: translateZ(629px);
}
.drop:nth-child(133) {
  left: 56%;
  -webkit-animation-delay: -4625ms;
          animation-delay: -4625ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(133) .slide {
  -webkit-animation-delay: -2421ms;
          animation-delay: -2421ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(133) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(133) .rotate {
  -webkit-animation-delay: -4452ms;
          animation-delay: -4452ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(133) .move, .drop:nth-child(133) .reverse {
  -webkit-animation-delay: -2841ms;
          animation-delay: -2841ms;
}
.drop:nth-child(133) .z {
  -webkit-transform: translateZ(-601px);
          transform: translateZ(-601px);
}
.drop:nth-child(134) {
  left: 27%;
  -webkit-animation-delay: -3878ms;
          animation-delay: -3878ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(134) .slide {
  -webkit-animation-delay: -2088ms;
          animation-delay: -2088ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(134) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(134) .rotate {
  -webkit-animation-delay: -2675ms;
          animation-delay: -2675ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(134) .move, .drop:nth-child(134) .reverse {
  -webkit-animation-delay: -912ms;
          animation-delay: -912ms;
}
.drop:nth-child(134) .z {
  -webkit-transform: translateZ(-192px);
          transform: translateZ(-192px);
}
.drop:nth-child(135) {
  left: 4%;
  -webkit-animation-delay: -371ms;
          animation-delay: -371ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(135) .slide {
  -webkit-animation-delay: -6083ms;
          animation-delay: -6083ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(135) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(135) .rotate {
  -webkit-animation-delay: -2764ms;
          animation-delay: -2764ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(135) .move, .drop:nth-child(135) .reverse {
  -webkit-animation-delay: -2647ms;
          animation-delay: -2647ms;
}
.drop:nth-child(135) .z {
  -webkit-transform: translateZ(254px);
          transform: translateZ(254px);
}
.drop:nth-child(136) {
  left: 15%;
  -webkit-animation-delay: -209ms;
          animation-delay: -209ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(136) .slide {
  -webkit-animation-delay: -4888ms;
          animation-delay: -4888ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(136) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(136) .rotate {
  -webkit-animation-delay: -9897ms;
          animation-delay: -9897ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(136) .move, .drop:nth-child(136) .reverse {
  -webkit-animation-delay: -845ms;
          animation-delay: -845ms;
}
.drop:nth-child(136) .z {
  -webkit-transform: translateZ(263px);
          transform: translateZ(263px);
}
.drop:nth-child(137) {
  left: 70%;
  -webkit-animation-delay: -8837ms;
          animation-delay: -8837ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(137) .slide {
  -webkit-animation-delay: -9558ms;
          animation-delay: -9558ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(137) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(137) .rotate {
  -webkit-animation-delay: -8658ms;
          animation-delay: -8658ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(137) .move, .drop:nth-child(137) .reverse {
  -webkit-animation-delay: -4403ms;
          animation-delay: -4403ms;
}
.drop:nth-child(137) .z {
  -webkit-transform: translateZ(-182px);
          transform: translateZ(-182px);
}
.drop:nth-child(138) {
  left: 42%;
  -webkit-animation-delay: -3291ms;
          animation-delay: -3291ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(138) .slide {
  -webkit-animation-delay: -930ms;
          animation-delay: -930ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(138) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(138) .rotate {
  -webkit-animation-delay: -7395ms;
          animation-delay: -7395ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(138) .move, .drop:nth-child(138) .reverse {
  -webkit-animation-delay: -8121ms;
          animation-delay: -8121ms;
}
.drop:nth-child(138) .z {
  -webkit-transform: translateZ(960px);
          transform: translateZ(960px);
}
.drop:nth-child(139) {
  left: 2%;
  -webkit-animation-delay: -6831ms;
          animation-delay: -6831ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(139) .slide {
  -webkit-animation-delay: -3288ms;
          animation-delay: -3288ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(139) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(139) .rotate {
  -webkit-animation-delay: -9772ms;
          animation-delay: -9772ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(139) .move, .drop:nth-child(139) .reverse {
  -webkit-animation-delay: -9982ms;
          animation-delay: -9982ms;
}
.drop:nth-child(139) .z {
  -webkit-transform: translateZ(352px);
          transform: translateZ(352px);
}
.drop:nth-child(140) {
  left: 31%;
  -webkit-animation-delay: -3842ms;
          animation-delay: -3842ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(140) .slide {
  -webkit-animation-delay: -7608ms;
          animation-delay: -7608ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(140) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(140) .rotate {
  -webkit-animation-delay: -6186ms;
          animation-delay: -6186ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(140) .move, .drop:nth-child(140) .reverse {
  -webkit-animation-delay: -2409ms;
          animation-delay: -2409ms;
}
.drop:nth-child(140) .z {
  -webkit-transform: translateZ(-211px);
          transform: translateZ(-211px);
}
.drop:nth-child(141) {
  left: 74%;
  -webkit-animation-delay: -9974ms;
          animation-delay: -9974ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(141) .slide {
  -webkit-animation-delay: -4596ms;
          animation-delay: -4596ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(141) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(141) .rotate {
  -webkit-animation-delay: -349ms;
          animation-delay: -349ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(141) .move, .drop:nth-child(141) .reverse {
  -webkit-animation-delay: -184ms;
          animation-delay: -184ms;
}
.drop:nth-child(141) .z {
  -webkit-transform: translateZ(-515px);
          transform: translateZ(-515px);
}
.drop:nth-child(142) {
  left: 75%;
  -webkit-animation-delay: -6589ms;
          animation-delay: -6589ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(142) .slide {
  -webkit-animation-delay: -9482ms;
          animation-delay: -9482ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(142) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(142) .rotate {
  -webkit-animation-delay: -5259ms;
          animation-delay: -5259ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(142) .move, .drop:nth-child(142) .reverse {
  -webkit-animation-delay: -8932ms;
          animation-delay: -8932ms;
}
.drop:nth-child(142) .z {
  -webkit-transform: translateZ(-618px);
          transform: translateZ(-618px);
}
.drop:nth-child(143) {
  left: 1%;
  -webkit-animation-delay: -7343ms;
          animation-delay: -7343ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(143) .slide {
  -webkit-animation-delay: -7247ms;
          animation-delay: -7247ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(143) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(143) .rotate {
  -webkit-animation-delay: -3573ms;
          animation-delay: -3573ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(143) .move, .drop:nth-child(143) .reverse {
  -webkit-animation-delay: -2151ms;
          animation-delay: -2151ms;
}
.drop:nth-child(143) .z {
  -webkit-transform: translateZ(900px);
          transform: translateZ(900px);
}
.drop:nth-child(144) {
  left: 56%;
  -webkit-animation-delay: -9959ms;
          animation-delay: -9959ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(144) .slide {
  -webkit-animation-delay: -934ms;
          animation-delay: -934ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(144) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(144) .rotate {
  -webkit-animation-delay: -3208ms;
          animation-delay: -3208ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(144) .move, .drop:nth-child(144) .reverse {
  -webkit-animation-delay: -179ms;
          animation-delay: -179ms;
}
.drop:nth-child(144) .z {
  -webkit-transform: translateZ(334px);
          transform: translateZ(334px);
}
.drop:nth-child(145) {
  left: 89%;
  -webkit-animation-delay: -1456ms;
          animation-delay: -1456ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(145) .slide {
  -webkit-animation-delay: -3190ms;
          animation-delay: -3190ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(145) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(145) .rotate {
  -webkit-animation-delay: -7993ms;
          animation-delay: -7993ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(145) .move, .drop:nth-child(145) .reverse {
  -webkit-animation-delay: -7395ms;
          animation-delay: -7395ms;
}
.drop:nth-child(145) .z {
  -webkit-transform: translateZ(250px);
          transform: translateZ(250px);
}
.drop:nth-child(146) {
  left: 3%;
  -webkit-animation-delay: -8730ms;
          animation-delay: -8730ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(146) .slide {
  -webkit-animation-delay: -2621ms;
          animation-delay: -2621ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(146) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(146) .rotate {
  -webkit-animation-delay: -921ms;
          animation-delay: -921ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(146) .move, .drop:nth-child(146) .reverse {
  -webkit-animation-delay: -6780ms;
          animation-delay: -6780ms;
}
.drop:nth-child(146) .z {
  -webkit-transform: translateZ(744px);
          transform: translateZ(744px);
}
.drop:nth-child(147) {
  left: 59%;
  -webkit-animation-delay: -7548ms;
          animation-delay: -7548ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(147) .slide {
  -webkit-animation-delay: -9437ms;
          animation-delay: -9437ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(147) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(147) .rotate {
  -webkit-animation-delay: -9703ms;
          animation-delay: -9703ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(147) .move, .drop:nth-child(147) .reverse {
  -webkit-animation-delay: -6079ms;
          animation-delay: -6079ms;
}
.drop:nth-child(147) .z {
  -webkit-transform: translateZ(-946px);
          transform: translateZ(-946px);
}
.drop:nth-child(148) {
  left: 69%;
  -webkit-animation-delay: -6094ms;
          animation-delay: -6094ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(148) .slide {
  -webkit-animation-delay: -6059ms;
          animation-delay: -6059ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(148) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(148) .rotate {
  -webkit-animation-delay: -9356ms;
          animation-delay: -9356ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(148) .move, .drop:nth-child(148) .reverse {
  -webkit-animation-delay: -3848ms;
          animation-delay: -3848ms;
}
.drop:nth-child(148) .z {
  -webkit-transform: translateZ(-624px);
          transform: translateZ(-624px);
}
.drop:nth-child(149) {
  left: 8%;
  -webkit-animation-delay: -9765ms;
          animation-delay: -9765ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(149) .slide {
  -webkit-animation-delay: -4558ms;
          animation-delay: -4558ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(149) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(149) .rotate {
  -webkit-animation-delay: -5042ms;
          animation-delay: -5042ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(149) .move, .drop:nth-child(149) .reverse {
  -webkit-animation-delay: -5235ms;
          animation-delay: -5235ms;
}
.drop:nth-child(149) .z {
  -webkit-transform: translateZ(411px);
          transform: translateZ(411px);
}
.drop:nth-child(150) {
  left: 8%;
  -webkit-animation-delay: -8950ms;
          animation-delay: -8950ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(150) .slide {
  -webkit-animation-delay: -6522ms;
          animation-delay: -6522ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(150) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(150) .rotate {
  -webkit-animation-delay: -6707ms;
          animation-delay: -6707ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(150) .move, .drop:nth-child(150) .reverse {
  -webkit-animation-delay: -8198ms;
          animation-delay: -8198ms;
}
.drop:nth-child(150) .z {
  -webkit-transform: translateZ(-509px);
          transform: translateZ(-509px);
}
.drop:nth-child(151) {
  left: 98%;
  -webkit-animation-delay: -1935ms;
          animation-delay: -1935ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(151) .slide {
  -webkit-animation-delay: -2580ms;
          animation-delay: -2580ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(151) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(151) .rotate {
  -webkit-animation-delay: -4659ms;
          animation-delay: -4659ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(151) .move, .drop:nth-child(151) .reverse {
  -webkit-animation-delay: -6926ms;
          animation-delay: -6926ms;
}
.drop:nth-child(151) .z {
  -webkit-transform: translateZ(-428px);
          transform: translateZ(-428px);
}
.drop:nth-child(152) {
  left: 41%;
  -webkit-animation-delay: -8508ms;
          animation-delay: -8508ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(152) .slide {
  -webkit-animation-delay: -9989ms;
          animation-delay: -9989ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(152) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(152) .rotate {
  -webkit-animation-delay: -9508ms;
          animation-delay: -9508ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(152) .move, .drop:nth-child(152) .reverse {
  -webkit-animation-delay: -8125ms;
          animation-delay: -8125ms;
}
.drop:nth-child(152) .z {
  -webkit-transform: translateZ(955px);
          transform: translateZ(955px);
}
.drop:nth-child(153) {
  left: 49%;
  -webkit-animation-delay: -1413ms;
          animation-delay: -1413ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(153) .slide {
  -webkit-animation-delay: -8312ms;
          animation-delay: -8312ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(153) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(153) .rotate {
  -webkit-animation-delay: -5668ms;
          animation-delay: -5668ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(153) .move, .drop:nth-child(153) .reverse {
  -webkit-animation-delay: -1774ms;
          animation-delay: -1774ms;
}
.drop:nth-child(153) .z {
  -webkit-transform: translateZ(89px);
          transform: translateZ(89px);
}
.drop:nth-child(154) {
  left: 61%;
  -webkit-animation-delay: -8569ms;
          animation-delay: -8569ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(154) .slide {
  -webkit-animation-delay: -5561ms;
          animation-delay: -5561ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(154) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(154) .rotate {
  -webkit-animation-delay: -788ms;
          animation-delay: -788ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(154) .move, .drop:nth-child(154) .reverse {
  -webkit-animation-delay: -3221ms;
          animation-delay: -3221ms;
}
.drop:nth-child(154) .z {
  -webkit-transform: translateZ(-639px);
          transform: translateZ(-639px);
}
.drop:nth-child(155) {
  left: 45%;
  -webkit-animation-delay: -6065ms;
          animation-delay: -6065ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(155) .slide {
  -webkit-animation-delay: -2054ms;
          animation-delay: -2054ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(155) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(155) .rotate {
  -webkit-animation-delay: -228ms;
          animation-delay: -228ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(155) .move, .drop:nth-child(155) .reverse {
  -webkit-animation-delay: -9557ms;
          animation-delay: -9557ms;
}
.drop:nth-child(155) .z {
  -webkit-transform: translateZ(816px);
          transform: translateZ(816px);
}
.drop:nth-child(156) {
  left: 42%;
  -webkit-animation-delay: -3708ms;
          animation-delay: -3708ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(156) .slide {
  -webkit-animation-delay: -8412ms;
          animation-delay: -8412ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(156) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(156) .rotate {
  -webkit-animation-delay: -1993ms;
          animation-delay: -1993ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(156) .move, .drop:nth-child(156) .reverse {
  -webkit-animation-delay: -3624ms;
          animation-delay: -3624ms;
}
.drop:nth-child(156) .z {
  -webkit-transform: translateZ(397px);
          transform: translateZ(397px);
}
.drop:nth-child(157) {
  left: 27%;
  -webkit-animation-delay: -6042ms;
          animation-delay: -6042ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(157) .slide {
  -webkit-animation-delay: -9392ms;
          animation-delay: -9392ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(157) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(157) .rotate {
  -webkit-animation-delay: -2713ms;
          animation-delay: -2713ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(157) .move, .drop:nth-child(157) .reverse {
  -webkit-animation-delay: -8636ms;
          animation-delay: -8636ms;
}
.drop:nth-child(157) .z {
  -webkit-transform: translateZ(-439px);
          transform: translateZ(-439px);
}
.drop:nth-child(158) {
  left: 18%;
  -webkit-animation-delay: -8937ms;
          animation-delay: -8937ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(158) .slide {
  -webkit-animation-delay: -4211ms;
          animation-delay: -4211ms;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.drop:nth-child(158) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(158) .rotate {
  -webkit-animation-delay: -8003ms;
          animation-delay: -8003ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(158) .move, .drop:nth-child(158) .reverse {
  -webkit-animation-delay: -2294ms;
          animation-delay: -2294ms;
}
.drop:nth-child(158) .z {
  -webkit-transform: translateZ(-722px);
          transform: translateZ(-722px);
}
.drop:nth-child(159) {
  left: 52%;
  -webkit-animation-delay: -8274ms;
          animation-delay: -8274ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(159) .slide {
  -webkit-animation-delay: -6029ms;
          animation-delay: -6029ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(159) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(159) .rotate {
  -webkit-animation-delay: -3545ms;
          animation-delay: -3545ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(159) .move, .drop:nth-child(159) .reverse {
  -webkit-animation-delay: -4288ms;
          animation-delay: -4288ms;
}
.drop:nth-child(159) .z {
  -webkit-transform: translateZ(665px);
          transform: translateZ(665px);
}
.drop:nth-child(160) {
  left: 45%;
  -webkit-animation-delay: -3893ms;
          animation-delay: -3893ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(160) .slide {
  -webkit-animation-delay: -6753ms;
          animation-delay: -6753ms;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
}
.drop:nth-child(160) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(160) .rotate {
  -webkit-animation-delay: -8400ms;
          animation-delay: -8400ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(160) .move, .drop:nth-child(160) .reverse {
  -webkit-animation-delay: -6422ms;
          animation-delay: -6422ms;
}
.drop:nth-child(160) .z {
  -webkit-transform: translateZ(40px);
          transform: translateZ(40px);
}
.drop:nth-child(161) {
  left: 86%;
  -webkit-animation-delay: -4495ms;
          animation-delay: -4495ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(161) .slide {
  -webkit-animation-delay: -8232ms;
          animation-delay: -8232ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(161) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(161) .rotate {
  -webkit-animation-delay: -4284ms;
          animation-delay: -4284ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(161) .move, .drop:nth-child(161) .reverse {
  -webkit-animation-delay: -8864ms;
          animation-delay: -8864ms;
}
.drop:nth-child(161) .z {
  -webkit-transform: translateZ(279px);
          transform: translateZ(279px);
}
.drop:nth-child(162) {
  left: 59%;
  -webkit-animation-delay: -9656ms;
          animation-delay: -9656ms;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.drop:nth-child(162) .slide {
  -webkit-animation-delay: -6757ms;
          animation-delay: -6757ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(162) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(162) .rotate {
  -webkit-animation-delay: -1913ms;
          animation-delay: -1913ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(162) .move, .drop:nth-child(162) .reverse {
  -webkit-animation-delay: -6878ms;
          animation-delay: -6878ms;
}
.drop:nth-child(162) .z {
  -webkit-transform: translateZ(164px);
          transform: translateZ(164px);
}
.drop:nth-child(163) {
  left: 12%;
  -webkit-animation-delay: -4088ms;
          animation-delay: -4088ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(163) .slide {
  -webkit-animation-delay: -320ms;
          animation-delay: -320ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(163) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(163) .rotate {
  -webkit-animation-delay: -8825ms;
          animation-delay: -8825ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(163) .move, .drop:nth-child(163) .reverse {
  -webkit-animation-delay: -7264ms;
          animation-delay: -7264ms;
}
.drop:nth-child(163) .z {
  -webkit-transform: translateZ(-841px);
          transform: translateZ(-841px);
}
.drop:nth-child(164) {
  left: 31%;
  -webkit-animation-delay: -6810ms;
          animation-delay: -6810ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(164) .slide {
  -webkit-animation-delay: -8220ms;
          animation-delay: -8220ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(164) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(164) .rotate {
  -webkit-animation-delay: -3974ms;
          animation-delay: -3974ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(164) .move, .drop:nth-child(164) .reverse {
  -webkit-animation-delay: -5832ms;
          animation-delay: -5832ms;
}
.drop:nth-child(164) .z {
  -webkit-transform: translateZ(474px);
          transform: translateZ(474px);
}
.drop:nth-child(165) {
  left: 78%;
  -webkit-animation-delay: -1948ms;
          animation-delay: -1948ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(165) .slide {
  -webkit-animation-delay: -6416ms;
          animation-delay: -6416ms;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.drop:nth-child(165) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(165) .rotate {
  -webkit-animation-delay: -7513ms;
          animation-delay: -7513ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(165) .move, .drop:nth-child(165) .reverse {
  -webkit-animation-delay: -313ms;
          animation-delay: -313ms;
}
.drop:nth-child(165) .z {
  -webkit-transform: translateZ(525px);
          transform: translateZ(525px);
}
.drop:nth-child(166) {
  left: 9%;
  -webkit-animation-delay: -1984ms;
          animation-delay: -1984ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(166) .slide {
  -webkit-animation-delay: -9147ms;
          animation-delay: -9147ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(166) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(166) .rotate {
  -webkit-animation-delay: -7783ms;
          animation-delay: -7783ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(166) .move, .drop:nth-child(166) .reverse {
  -webkit-animation-delay: -2890ms;
          animation-delay: -2890ms;
}
.drop:nth-child(166) .z {
  -webkit-transform: translateZ(119px);
          transform: translateZ(119px);
}
.drop:nth-child(167) {
  left: 98%;
  -webkit-animation-delay: -5973ms;
          animation-delay: -5973ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(167) .slide {
  -webkit-animation-delay: -8932ms;
          animation-delay: -8932ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(167) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(167) .rotate {
  -webkit-animation-delay: -8053ms;
          animation-delay: -8053ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(167) .move, .drop:nth-child(167) .reverse {
  -webkit-animation-delay: -9993ms;
          animation-delay: -9993ms;
}
.drop:nth-child(167) .z {
  -webkit-transform: translateZ(182px);
          transform: translateZ(182px);
}
.drop:nth-child(168) {
  left: 27%;
  -webkit-animation-delay: -877ms;
          animation-delay: -877ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(168) .slide {
  -webkit-animation-delay: -4056ms;
          animation-delay: -4056ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(168) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(168) .rotate {
  -webkit-animation-delay: -8089ms;
          animation-delay: -8089ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(168) .move, .drop:nth-child(168) .reverse {
  -webkit-animation-delay: -2213ms;
          animation-delay: -2213ms;
}
.drop:nth-child(168) .z {
  -webkit-transform: translateZ(-724px);
          transform: translateZ(-724px);
}
.drop:nth-child(169) {
  left: 5%;
  -webkit-animation-delay: -5795ms;
          animation-delay: -5795ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(169) .slide {
  -webkit-animation-delay: -9101ms;
          animation-delay: -9101ms;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}
.drop:nth-child(169) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(169) .rotate {
  -webkit-animation-delay: -1232ms;
          animation-delay: -1232ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(169) .move, .drop:nth-child(169) .reverse {
  -webkit-animation-delay: -6009ms;
          animation-delay: -6009ms;
}
.drop:nth-child(169) .z {
  -webkit-transform: translateZ(83px);
          transform: translateZ(83px);
}
.drop:nth-child(170) {
  left: 56%;
  -webkit-animation-delay: -7034ms;
          animation-delay: -7034ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(170) .slide {
  -webkit-animation-delay: -5402ms;
          animation-delay: -5402ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(170) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(170) .rotate {
  -webkit-animation-delay: -8723ms;
          animation-delay: -8723ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(170) .move, .drop:nth-child(170) .reverse {
  -webkit-animation-delay: -1073ms;
          animation-delay: -1073ms;
}
.drop:nth-child(170) .z {
  -webkit-transform: translateZ(-136px);
          transform: translateZ(-136px);
}
.drop:nth-child(171) {
  left: 90%;
  -webkit-animation-delay: -5489ms;
          animation-delay: -5489ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(171) .slide {
  -webkit-animation-delay: -4611ms;
          animation-delay: -4611ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(171) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(171) .rotate {
  -webkit-animation-delay: -5963ms;
          animation-delay: -5963ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(171) .move, .drop:nth-child(171) .reverse {
  -webkit-animation-delay: -2848ms;
          animation-delay: -2848ms;
}
.drop:nth-child(171) .z {
  -webkit-transform: translateZ(-473px);
          transform: translateZ(-473px);
}
.drop:nth-child(172) {
  left: 65%;
  -webkit-animation-delay: -1852ms;
          animation-delay: -1852ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(172) .slide {
  -webkit-animation-delay: -181ms;
          animation-delay: -181ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(172) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(172) .rotate {
  -webkit-animation-delay: -2164ms;
          animation-delay: -2164ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(172) .move, .drop:nth-child(172) .reverse {
  -webkit-animation-delay: -6750ms;
          animation-delay: -6750ms;
}
.drop:nth-child(172) .z {
  -webkit-transform: translateZ(89px);
          transform: translateZ(89px);
}
.drop:nth-child(173) {
  left: 79%;
  -webkit-animation-delay: -4814ms;
          animation-delay: -4814ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(173) .slide {
  -webkit-animation-delay: -5182ms;
          animation-delay: -5182ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(173) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(173) .rotate {
  -webkit-animation-delay: -4829ms;
          animation-delay: -4829ms;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.drop:nth-child(173) .move, .drop:nth-child(173) .reverse {
  -webkit-animation-delay: -8796ms;
          animation-delay: -8796ms;
}
.drop:nth-child(173) .z {
  -webkit-transform: translateZ(332px);
          transform: translateZ(332px);
}
.drop:nth-child(174) {
  left: 78%;
  -webkit-animation-delay: -1330ms;
          animation-delay: -1330ms;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.drop:nth-child(174) .slide {
  -webkit-animation-delay: -2160ms;
          animation-delay: -2160ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(174) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(174) .rotate {
  -webkit-animation-delay: -1181ms;
          animation-delay: -1181ms;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.drop:nth-child(174) .move, .drop:nth-child(174) .reverse {
  -webkit-animation-delay: -3667ms;
          animation-delay: -3667ms;
}
.drop:nth-child(174) .z {
  -webkit-transform: translateZ(-654px);
          transform: translateZ(-654px);
}
.drop:nth-child(175) {
  left: 50%;
  -webkit-animation-delay: -8410ms;
          animation-delay: -8410ms;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.drop:nth-child(175) .slide {
  -webkit-animation-delay: -2809ms;
          animation-delay: -2809ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(175) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(175) .rotate {
  -webkit-animation-delay: -6188ms;
          animation-delay: -6188ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(175) .move, .drop:nth-child(175) .reverse {
  -webkit-animation-delay: -1736ms;
          animation-delay: -1736ms;
}
.drop:nth-child(175) .z {
  -webkit-transform: translateZ(-179px);
          transform: translateZ(-179px);
}
.drop:nth-child(176) {
  left: 83%;
  -webkit-animation-delay: -8837ms;
          animation-delay: -8837ms;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.drop:nth-child(176) .slide {
  -webkit-animation-delay: -9000ms;
          animation-delay: -9000ms;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.drop:nth-child(176) .size {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.drop:nth-child(176) .rotate {
  -webkit-animation-delay: -6385ms;
          animation-delay: -6385ms;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.drop:nth-child(176) .move, .drop:nth-child(176) .reverse {
  -webkit-animation-delay: -4972ms;
          animation-delay: -4972ms;
}
.drop:nth-child(176) .z {
  -webkit-transform: translateZ(434px);
          transform: translateZ(434px);
}
.drop:nth-child(177) {
  left: 83%;
  -webkit-animation-delay: -6494ms;
          animation-delay: -6494ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(177) .slide {
  -webkit-animation-delay: -314ms;
          animation-delay: -314ms;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.drop:nth-child(177) .size {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.drop:nth-child(177) .rotate {
  -webkit-animation-delay: -7277ms;
          animation-delay: -7277ms;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.drop:nth-child(177) .move, .drop:nth-child(177) .reverse {
  -webkit-animation-delay: -8769ms;
          animation-delay: -8769ms;
}
.drop:nth-child(177) .z {
  -webkit-transform: translateZ(253px);
          transform: translateZ(253px);
}
.drop:nth-child(178) {
  left: 64%;
  -webkit-ani.........完整代码请登录后点击上方下载按钮下载查看

网友评论0