@keyframes move {
  0% {
    transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  100% {
    transform: translateY(2000px);
  }
}
@-webkit-keyframes move {
  0% {
    -webkit-transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(2000px);
  }
}
@keyframes glassMove {
  0% {
    transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  29% {
    transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  30% {
    transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  90% {
    transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  100% {
    transform: translateY(10px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-webkit-keyframes glassMove {
  0% {
    -webkit-transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  29% {
    -webkit-transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  30% {
    -webkit-transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  90% {
    -webkit-transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(10px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
#form {
  color: #FFF;
}
#form input {
  color: #333;
}

#rain h2 {
  color: #FFF;
  top: 150px;
}
#rain #form {
  position: absolute;
  top: 150px;
  right: 20px;
  z-index: 9999;
}
#rain #form input {
  width: 50px;
  border: none;
  text-align: right;
  padding: 0 5px;
}
#rain #contents {
  background: url(/images/rain_bg.jpg) no-repeat;
  background-size: cover;
  margin-top: 0;
  overflow: hidden;
}
#rain #contents .inner {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  width: 800%;
  margin-left: -400%;
  z-index: 999;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 2000px;
  -webkit-perspective: 2000px;
  perspective-origin: top;
  -webkit-perspective-origin: top;
  filter: blur(1px);
  -o-filter: blur(1px);
  -moz-filter: blur(1px);
  -webkit-filter: blur(1px);
}
#rain .rain {
  position: absolute;
  top: -300px;
  left: 50%;
}
#rain .rain .item {
  display: block;
  width: 3px;
  height: 70px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
}
#rain .rain .item:after {
  /*content: "";
  display: block;*/
}
#rain .glass {
  position: absolute;
  top: 50%;
  left: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#rain .glass .item {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  box-shadow: -4px -4px 12px 0px rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: -4px -4px 12px 0px rgba(255, 255, 255, 0.5) inset;
  position: relative;
  filter: blur(2px);
  -o-filter: blur(2px);
  -moz-filter: blur(2px);
  -webkit-filter: blur(2px);
}
#rain .glass .item:after {
  content: "";
  display: block;
  width: 20%;
  height: 20%;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 15%;
  top: 15%;
  filter: blur(2px);
  -o-filter: blur(2px);
  -moz-filter: blur(2px);
  -webkit-filter: blur(2px);
  transform: rotateZ(45deg) scaleY(0.8);
  -webkit-transform: rotateZ(45deg) scaleY(0.8);
}
#rain .move0 {
  animation: move 0s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite normal;
  -webkit-animation: move 0s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite normal;
}
#rain .glassMove0 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite normal;
}
#rain .pos0 {
  left: 0%;
}
#rain .posTop0 {
  top: 0%;
}
#rain .translate0 {
  transform: translateZ(0px);
  -webkit-transform: translateZ(0px);
}
#rain .scale0 {
  transform: scale(0);
  -webkit-transform: scale(0);
}
#rain .move1 {
  animation: move 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s infinite normal;
  -webkit-animation: move 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s infinite normal;
}
#rain .glassMove1 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s infinite normal;
}
#rain .pos1 {
  left: 2%;
}
#rain .posTop1 {
  top: 2%;
}
#rain .translate1 {
  transform: translateZ(-80px);
  -webkit-transform: translateZ(-80px);
}
#rain .scale1 {
  transform: scale(0.01);
  -webkit-transform: scale(0.01);
}
#rain .move2 {
  animation: move 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s infinite normal;
  -webkit-animation: move 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s infinite normal;
}
#rain .glassMove2 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 1s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 1s infinite normal;
}
#rain .pos2 {
  left: 4%;
}
#rain .posTop2 {
  top: 4%;
}
#rain .translate2 {
  transform: translateZ(-160px);
  -webkit-transform: translateZ(-160px);
}
#rain .scale2 {
  transform: scale(0.02);
  -webkit-transform: scale(0.02);
}
#rain .move3 {
  animation: move 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15s infinite normal;
  -webkit-animation: move 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15s infinite normal;
}
#rain .glassMove3 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s infinite normal;
}
#rain .pos3 {
  left: 6%;
}
#rain .posTop3 {
  top: 6%;
}
#rain .translate3 {
  transform: translateZ(-240px);
  -webkit-transform: translateZ(-240px);
}
#rain .scale3 {
  transform: scale(0.03);
  -webkit-transform: scale(0.03);
}
#rain .move4 {
  animation: move 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite normal;
  -webkit-animation: move 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite normal;
}
#rain .glassMove4 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 2s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 2s infinite normal;
}
#rain .pos4 {
  left: 8%;
}
#rain .posTop4 {
  top: 8%;
}
#rain .translate4 {
  transform: translateZ(-320px);
  -webkit-transform: translateZ(-320px);
}
#rain .scale4 {
  transform: scale(0.04);
  -webkit-transform: scale(0.04);
}
#rain .move5 {
  animation: move 0.25s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s infinite normal;
  -webkit-animation: move 0.25s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s infinite normal;
}
#rain .glassMove5 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s infinite normal;
}
#rain .pos5 {
  left: 10%;
}
#rain .posTop5 {
  top: 10%;
}
#rain .translate5 {
  transform: translateZ(-400px);
  -webkit-transform: translateZ(-400px);
}
#rain .scale5 {
  transform: scale(0.05);
  -webkit-transform: scale(0.05);
}
#rain .move6 {
  animation: move 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s infinite normal;
  -webkit-animation: move 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s infinite normal;
}
#rain .glassMove6 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 3s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 3s infinite normal;
}
#rain .pos6 {
  left: 12%;
}
#rain .posTop6 {
  top: 12%;
}
#rain .translate6 {
  transform: translateZ(-480px);
  -webkit-transform: translateZ(-480px);
}
#rain .scale6 {
  transform: scale(0.06);
  -webkit-transform: scale(0.06);
}
#rain .move7 {
  animation: move 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35s infinite normal;
  -webkit-animation: move 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35s infinite normal;
}
#rain .glassMove7 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s infinite normal;
}
#rain .pos7 {
  left: 14.0%;
}
#rain .posTop7 {
  top: 14.0%;
}
#rain .translate7 {
  transform: translateZ(-560px);
  -webkit-transform: translateZ(-560px);
}
#rain .scale7 {
  transform: scale(0.07);
  -webkit-transform: scale(0.07);
}
#rain .move8 {
  animation: move 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite normal;
  -webkit-animation: move 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite normal;
}
#rain .glassMove8 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 4s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 4s infinite normal;
}
#rain .pos8 {
  left: 16%;
}
#rain .posTop8 {
  top: 16%;
}
#rain .translate8 {
  transform: translateZ(-640px);
  -webkit-transform: translateZ(-640px);
}
#rain .scale8 {
  transform: scale(0.08);
  -webkit-transform: scale(0.08);
}
#rain .move9 {
  animation: move 0.45s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s infinite normal;
  -webkit-animation: move 0.45s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s infinite normal;
}
#rain .glassMove9 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s infinite normal;
}
#rain .pos9 {
  left: 18%;
}
#rain .posTop9 {
  top: 18%;
}
#rain .translate9 {
  transform: translateZ(-720px);
  -webkit-transform: translateZ(-720px);
}
#rain .scale9 {
  transform: scale(0.09);
  -webkit-transform: scale(0.09);
}
#rain .move10 {
  animation: move 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s infinite normal;
  -webkit-animation: move 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s infinite normal;
}
#rain .glassMove10 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 5s infinite normal;
}
#rain .pos10 {
  left: 20%;
}
#rain .posTop10 {
  top: 20%;
}
#rain .translate10 {
  transform: translateZ(-800px);
  -webkit-transform: translateZ(-800px);
}
#rain .scale10 {
  transform: scale(0.1);
  -webkit-transform: scale(0.1);
}
#rain .move11 {
  animation: move 0.55s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s infinite normal;
  -webkit-animation: move 0.55s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s infinite normal;
}
#rain .glassMove11 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s infinite normal;
}
#rain .pos11 {
  left: 22%;
}
#rain .posTop11 {
  top: 22%;
}
#rain .translate11 {
  transform: translateZ(-880px);
  -webkit-transform: translateZ(-880px);
}
#rain .scale11 {
  transform: scale(0.11);
  -webkit-transform: scale(0.11);
}
#rain .move12 {
  animation: move 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite normal;
  -webkit-animation: move 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite normal;
}
#rain .glassMove12 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 6s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 6s infinite normal;
}
#rain .pos12 {
  left: 24%;
}
#rain .posTop12 {
  top: 24%;
}
#rain .translate12 {
  transform: translateZ(-960px);
  -webkit-transform: translateZ(-960px);
}
#rain .scale12 {
  transform: scale(0.12);
  -webkit-transform: scale(0.12);
}
#rain .move13 {
  animation: move 0.65s cubic-bezier(0.47, 0, 0.745, 0.715) 0.65s infinite normal;
  -webkit-animation: move 0.65s cubic-bezier(0.47, 0, 0.745, 0.715) 0.65s infinite normal;
}
#rain .glassMove13 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 6.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 6.5s infinite normal;
}
#rain .pos13 {
  left: 26%;
}
#rain .posTop13 {
  top: 26%;
}
#rain .translate13 {
  transform: translateZ(-1040px);
  -webkit-transform: translateZ(-1040px);
}
#rain .scale13 {
  transform: scale(0.13);
  -webkit-transform: scale(0.13);
}
#rain .move14 {
  animation: move 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s infinite normal;
  -webkit-animation: move 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s infinite normal;
}
#rain .glassMove14 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 7s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 7s infinite normal;
}
#rain .pos14 {
  left: 28.0%;
}
#rain .posTop14 {
  top: 28.0%;
}
#rain .translate14 {
  transform: translateZ(-1120px);
  -webkit-transform: translateZ(-1120px);
}
#rain .scale14 {
  transform: scale(0.14);
  -webkit-transform: scale(0.14);
}
#rain .move15 {
  animation: move 0.75s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s infinite normal;
  -webkit-animation: move 0.75s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s infinite normal;
}
#rain .glassMove15 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 7.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 7.5s infinite normal;
}
#rain .pos15 {
  left: 30%;
}
#rain .posTop15 {
  top: 30%;
}
#rain .translate15 {
  transform: translateZ(-1200px);
  -webkit-transform: translateZ(-1200px);
}
#rain .scale15 {
  transform: scale(0.15);
  -webkit-transform: scale(0.15);
}
#rain .move16 {
  animation: move 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite normal;
  -webkit-animation: move 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite normal;
}
#rain .glassMove16 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 8s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 8s infinite normal;
}
#rain .pos16 {
  left: 32%;
}
#rain .posTop16 {
  top: 32%;
}
#rain .translate16 {
  transform: translateZ(-1280px);
  -webkit-transform: translateZ(-1280px);
}
#rain .scale16 {
  transform: scale(0.16);
  -webkit-transform: scale(0.16);
}
#rain .move17 {
  animation: move 0.85s cubic-bezier(0.47, 0, 0.745, 0.715) 0.85s infinite normal;
  -webkit-animation: move 0.85s cubic-bezier(0.47, 0, 0.745, 0.715) 0.85s infinite normal;
}
#rain .glassMove17 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 8.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 8.5s infinite normal;
}
#rain .pos17 {
  left: 34%;
}
#rain .posTop17 {
  top: 34%;
}
#rain .translate17 {
  transform: translateZ(-1360px);
  -webkit-transform: translateZ(-1360px);
}
#rain .scale17 {
  transform: scale(0.17);
  -webkit-transform: scale(0.17);
}
#rain .move18 {
  animation: move 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s infinite normal;
  -webkit-animation: move 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s infinite normal;
}
#rain .glassMove18 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 9s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 9s infinite normal;
}
#rain .pos18 {
  left: 36%;
}
#rain .posTop18 {
  top: 36%;
}
#rain .translate18 {
  transform: translateZ(-1440px);
  -webkit-transform: translateZ(-1440px);
}
#rain .scale18 {
  transform: scale(0.18);
  -webkit-transform: scale(0.18);
}
#rain .move19 {
  animation: move 0.95s cubic-bezier(0.47, 0, 0.745, 0.715) 0.95s infinite normal;
  -webkit-animation: move 0.95s cubic-bezier(0.47, 0, 0.745, 0.715) 0.95s infinite normal;
}
#rain .glassMove19 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 9.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 9.5s infinite normal;
}
#rain .pos19 {
  left: 38%;
}
#rain .posTop19 {
  top: 38%;
}
#rain .translate19 {
  transform: translateZ(-1520px);
  -webkit-transform: translateZ(-1520px);
}
#rain .scale19 {
  transform: scale(0.19);
  -webkit-transform: scale(0.19);
}
#rain .move20 {
  animation: move 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s infinite normal;
  -webkit-animation: move 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s infinite normal;
}
#rain .glassMove20 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 10s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 10s infinite normal;
}
#rain .pos20 {
  left: 40%;
}
#rain .posTop20 {
  top: 40%;
}
#rain .translate20 {
  transform: translateZ(-1600px);
  -webkit-transform: translateZ(-1600px);
}
#rain .scale20 {
  transform: scale(0.2);
  -webkit-transform: scale(0.2);
}
#rain .move21 {
  animation: move 1.05s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s infinite normal;
  -webkit-animation: move 1.05s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s infinite normal;
}
#rain .glassMove21 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 10.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 10.5s infinite normal;
}
#rain .pos21 {
  left: 42%;
}
#rain .posTop21 {
  top: 42%;
}
#rain .translate21 {
  transform: translateZ(-1680px);
  -webkit-transform: translateZ(-1680px);
}
#rain .scale21 {
  transform: scale(0.21);
  -webkit-transform: scale(0.21);
}
#rain .move22 {
  animation: move 1.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s infinite normal;
  -webkit-animation: move 1.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s infinite normal;
}
#rain .glassMove22 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 11s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 11s infinite normal;
}
#rain .pos22 {
  left: 44%;
}
#rain .posTop22 {
  top: 44%;
}
#rain .translate22 {
  transform: translateZ(-1760px);
  -webkit-transform: translateZ(-1760px);
}
#rain .scale22 {
  transform: scale(0.22);
  -webkit-transform: scale(0.22);
}
#rain .move23 {
  animation: move 1.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.15s infinite normal;
  -webkit-animation: move 1.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.15s infinite normal;
}
#rain .glassMove23 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 11.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 11.5s infinite normal;
}
#rain .pos23 {
  left: 46%;
}
#rain .posTop23 {
  top: 46%;
}
#rain .translate23 {
  transform: translateZ(-1840px);
  -webkit-transform: translateZ(-1840px);
}
#rain .scale23 {
  transform: scale(0.23);
  -webkit-transform: scale(0.23);
}
#rain .move24 {
  animation: move 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s infinite normal;
  -webkit-animation: move 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s infinite normal;
}
#rain .glassMove24 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 12s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 12s infinite normal;
}
#rain .pos24 {
  left: 48%;
}
#rain .posTop24 {
  top: 48%;
}
#rain .translate24 {
  transform: translateZ(-1920px);
  -webkit-transform: translateZ(-1920px);
}
#rain .scale24 {
  transform: scale(0.24);
  -webkit-transform: scale(0.24);
}
#rain .move25 {
  animation: move 1.25s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s infinite normal;
  -webkit-animation: move 1.25s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s infinite normal;
}
#rain .glassMove25 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 12.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 12.5s infinite normal;
}
#rain .pos25 {
  left: 50%;
}
#rain .posTop25 {
  top: 50%;
}
#rain .translate25 {
  transform: translateZ(-2000px);
  -webkit-transform: translateZ(-2000px);
}
#rain .scale25 {
  transform: scale(0.25);
  -webkit-transform: scale(0.25);
}
#rain .move26 {
  animation: move 1.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s infinite normal;
  -webkit-animation: move 1.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s infinite normal;
}
#rain .glassMove26 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 13s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 13s infinite normal;
}
#rain .pos26 {
  left: 52%;
}
#rain .posTop26 {
  top: 52%;
}
#rain .translate26 {
  transform: translateZ(-2080px);
  -webkit-transform: translateZ(-2080px);
}
#rain .scale26 {
  transform: scale(0.26);
  -webkit-transform: scale(0.26);
}
#rain .move27 {
  animation: move 1.35s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s infinite normal;
  -webkit-animation: move 1.35s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s infinite normal;
}
#rain .glassMove27 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 13.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 13.5s infinite normal;
}
#rain .pos27 {
  left: 54%;
}
#rain .posTop27 {
  top: 54%;
}
#rain .translate27 {
  transform: translateZ(-2160px);
  -webkit-transform: translateZ(-2160px);
}
#rain .scale27 {
  transform: scale(0.27);
  -webkit-transform: scale(0.27);
}
#rain .move28 {
  animation: move 1.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s infinite normal;
  -webkit-animation: move 1.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s infinite normal;
}
#rain .glassMove28 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 14s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 14s infinite normal;
}
#rain .pos28 {
  left: 56.0%;
}
#rain .posTop28 {
  top: 56.0%;
}
#rain .translate28 {
  transform: translateZ(-2240px);
  -webkit-transform: translateZ(-2240px);
}
#rain .scale28 {
  transform: scale(0.28);
  -webkit-transform: scale(0.28);
}
#rain .move29 {
  animation: move 1.45s cubic-bezier(0.47, 0, 0.745, 0.715) 1.45s infinite normal;
  -webkit-animation: move 1.45s cubic-bezier(0.47, 0, 0.745, 0.715) 1.45s infinite normal;
}
#rain .glassMove29 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 14.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 14.5s infinite normal;
}
#rain .pos29 {
  left: 58.0%;
}
#rain .posTop29 {
  top: 58.0%;
}
#rain .translate29 {
  transform: translateZ(-2320px);
  -webkit-transform: translateZ(-2320px);
}
#rain .scale29 {
  transform: scale(0.29);
  -webkit-transform: scale(0.29);
}
#rain .move30 {
  animation: move 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s infinite normal;
  -webkit-animation: move 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s infinite normal;
}
#rain .glassMove30 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 15s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 15s infinite normal;
}
#rain .pos30 {
  left: 60%;
}
#rain .posTop30 {
  top: 60%;
}
#rain .translate30 {
  transform: translateZ(-2400px);
  -webkit-transform: translateZ(-2400px);
}
#rain .scale30 {
  transform: scale(0.3);
  -webkit-transform: scale(0.3);
}
#rain .move31 {
  animation: move 1.55s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s infinite normal;
  -webkit-animation: move 1.55s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s infinite normal;
}
#rain .glassMove31 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 15.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 15.5s infinite normal;
}
#rain .pos31 {
  left: 62%;
}
#rain .posTop31 {
  top: 62%;
}
#rain .translate31 {
  transform: translateZ(-2480px);
  -webkit-transform: translateZ(-2480px);
}
#rain .scale31 {
  transform: scale(0.31);
  -webkit-transform: scale(0.31);
}
#rain .move32 {
  animation: move 1.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s infinite normal;
  -webkit-animation: move 1.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s infinite normal;
}
#rain .glassMove32 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 16s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 16s infinite normal;
}
#rain .pos32 {
  left: 64%;
}
#rain .posTop32 {
  top: 64%;
}
#rain .translate32 {
  transform: translateZ(-2560px);
  -webkit-transform: translateZ(-2560px);
}
#rain .scale32 {
  transform: scale(0.32);
  -webkit-transform: scale(0.32);
}
#rain .move33 {
  animation: move 1.65s cubic-bezier(0.47, 0, 0.745, 0.715) 1.65s infinite normal;
  -webkit-animation: move 1.65s cubic-bezier(0.47, 0, 0.745, 0.715) 1.65s infinite normal;
}
#rain .glassMove33 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 16.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 16.5s infinite normal;
}
#rain .pos33 {
  left: 66%;
}
#rain .posTop33 {
  top: 66%;
}
#rain .translate33 {
  transform: translateZ(-2640px);
  -webkit-transform: translateZ(-2640px);
}
#rain .scale33 {
  transform: scale(0.33);
  -webkit-transform: scale(0.33);
}
#rain .move34 {
  animation: move 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s infinite normal;
  -webkit-animation: move 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s infinite normal;
}
#rain .glassMove34 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 17s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 17s infinite normal;
}
#rain .pos34 {
  left: 68%;
}
#rain .posTop34 {
  top: 68%;
}
#rain .translate34 {
  transform: translateZ(-2720px);
  -webkit-transform: translateZ(-2720px);
}
#rain .scale34 {
  transform: scale(0.34);
  -webkit-transform: scale(0.34);
}
#rain .move35 {
  animation: move 1.75s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s infinite normal;
  -webkit-animation: move 1.75s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s infinite normal;
}
#rain .glassMove35 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 17.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 17.5s infinite normal;
}
#rain .pos35 {
  left: 70%;
}
#rain .posTop35 {
  top: 70%;
}
#rain .translate35 {
  transform: translateZ(-2800px);
  -webkit-transform: translateZ(-2800px);
}
#rain .scale35 {
  transform: scale(0.35);
  -webkit-transform: scale(0.35);
}
#rain .move36 {
  animation: move 1.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s infinite normal;
  -webkit-animation: move 1.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s infinite normal;
}
#rain .glassMove36 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 18s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 18s infinite normal;
}
#rain .pos36 {
  left: 72%;
}
#rain .posTop36 {
  top: 72%;
}
#rain .translate36 {
  transform: translateZ(-2880px);
  -webkit-transform: translateZ(-2880px);
}
#rain .scale36 {
  transform: scale(0.36);
  -webkit-transform: scale(0.36);
}
#rain .move37 {
  animation: move 1.85s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s infinite normal;
  -webkit-animation: move 1.85s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s infinite normal;
}
#rain .glassMove37 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 18.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 18.5s infinite normal;
}
#rain .pos37 {
  left: 74%;
}
#rain .posTop37 {
  top: 74%;
}
#rain .translate37 {
  transform: translateZ(-2960px);
  -webkit-transform: translateZ(-2960px);
}
#rain .scale37 {
  transform: scale(0.37);
  -webkit-transform: scale(0.37);
}
#rain .move38 {
  animation: move 1.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s infinite normal;
  -webkit-animation: move 1.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s infinite normal;
}
#rain .glassMove38 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 19s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 19s infinite normal;
}
#rain .pos38 {
  left: 76%;
}
#rain .posTop38 {
  top: 76%;
}
#rain .translate38 {
  transform: translateZ(-3040px);
  -webkit-transform: translateZ(-3040px);
}
#rain .scale38 {
  transform: scale(0.38);
  -webkit-transform: scale(0.38);
}
#rain .move39 {
  animation: move 1.95s cubic-bezier(0.47, 0, 0.745, 0.715) 1.95s infinite normal;
  -webkit-animation: move 1.95s cubic-bezier(0.47, 0, 0.745, 0.715) 1.95s infinite normal;
}
#rain .glassMove39 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 19.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 19.5s infinite normal;
}
#rain .pos39 {
  left: 78%;
}
#rain .posTop39 {
  top: 78%;
}
#rain .translate39 {
  transform: translateZ(-3120px);
  -webkit-transform: translateZ(-3120px);
}
#rain .scale39 {
  transform: scale(0.39);
  -webkit-transform: scale(0.39);
}
#rain .move40 {
  animation: move 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s infinite normal;
  -webkit-animation: move 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s infinite normal;
}
#rain .glassMove40 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 20s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 20s infinite normal;
}
#rain .pos40 {
  left: 80%;
}
#rain .posTop40 {
  top: 80%;
}
#rain .translate40 {
  transform: translateZ(-3200px);
  -webkit-transform: translateZ(-3200px);
}
#rain .scale40 {
  transform: scale(0.4);
  -webkit-transform: scale(0.4);
}
#rain .move41 {
  animation: move 2.05s cubic-bezier(0.47, 0, 0.745, 0.715) 2.05s infinite normal;
  -webkit-animation: move 2.05s cubic-bezier(0.47, 0, 0.745, 0.715) 2.05s infinite normal;
}
#rain .glassMove41 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 20.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 20.5s infinite normal;
}
#rain .pos41 {
  left: 82%;
}
#rain .posTop41 {
  top: 82%;
}
#rain .translate41 {
  transform: translateZ(-3280px);
  -webkit-transform: translateZ(-3280px);
}
#rain .scale41 {
  transform: scale(0.41);
  -webkit-transform: scale(0.41);
}
#rain .move42 {
  animation: move 2.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s infinite normal;
  -webkit-animation: move 2.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s infinite normal;
}
#rain .glassMove42 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 21s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 21s infinite normal;
}
#rain .pos42 {
  left: 84%;
}
#rain .posTop42 {
  top: 84%;
}
#rain .translate42 {
  transform: translateZ(-3360px);
  -webkit-transform: translateZ(-3360px);
}
#rain .scale42 {
  transform: scale(0.42);
  -webkit-transform: scale(0.42);
}
#rain .move43 {
  animation: move 2.15s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s infinite normal;
  -webkit-animation: move 2.15s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s infinite normal;
}
#rain .glassMove43 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 21.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 21.5s infinite normal;
}
#rain .pos43 {
  left: 86%;
}
#rain .posTop43 {
  top: 86%;
}
#rain .translate43 {
  transform: translateZ(-3440px);
  -webkit-transform: translateZ(-3440px);
}
#rain .scale43 {
  transform: scale(0.43);
  -webkit-transform: scale(0.43);
}
#rain .move44 {
  animation: move 2.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s infinite normal;
  -webkit-animation: move 2.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s infinite normal;
}
#rain .glassMove44 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 22s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 22s infinite normal;
}
#rain .pos44 {
  left: 88%;
}
#rain .posTop44 {
  top: 88%;
}
#rain .translate44 {
  transform: translateZ(-3520px);
  -webkit-transform: translateZ(-3520px);
}
#rain .scale44 {
  transform: scale(0.44);
  -webkit-transform: scale(0.44);
}
#rain .move45 {
  animation: move 2.25s cubic-bezier(0.47, 0, 0.745, 0.715) 2.25s infinite normal;
  -webkit-animation: move 2.25s cubic-bezier(0.47, 0, 0.745, 0.715) 2.25s infinite normal;
}
#rain .glassMove45 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 22.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 22.5s infinite normal;
}
#rain .pos45 {
  left: 90%;
}
#rain .posTop45 {
  top: 90%;
}
#rain .translate45 {
  transform: translateZ(-3600px);
  -webkit-transform: translateZ(-3600px);
}
#rain .scale45 {
  transform: scale(0.45);
  -webkit-transform: scale(0.45);
}
#rain .move46 {
  animation: move 2.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s infinite normal;
  -webkit-animation: move 2.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s infinite normal;
}
#rain .glassMove46 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 23s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 23s infinite normal;
}
#rain .pos46 {
  left: 92%;
}
#rain .posTop46 {
  top: 92%;
}
#rain .translate46 {
  transform: translateZ(-3680px);
  -webkit-transform: translateZ(-3680px);
}
#rain .scale46 {
  transform: scale(0.46);
  -webkit-transform: scale(0.46);
}
#rain .move47 {
  animation: move 2.35s cubic-bezier(0.47, 0, 0.745, 0.715) 2.35s infinite normal;
  -webkit-animation: move 2.35s cubic-bezier(0.47, 0, 0.745, 0.715) 2.35s infinite normal;
}
#rain .glassMove47 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 23.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 23.5s infinite normal;
}
#rain .pos47 {
  left: 94%;
}
#rain .posTop47 {
  top: 94%;
}
#rain .translate47 {
  transform: translateZ(-3760px);
  -webkit-transform: translateZ(-3760px);
}
#rain .scale47 {
  transform: scale(0.47);
  -webkit-transform: scale(0.47);
}
#rain .move48 {
  animation: move 2.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s infinite normal;
  -webkit-animation: move 2.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s infinite normal;
}
#rain .glassMove48 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 24s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 24s infinite normal;
}
#rain .pos48 {
  left: 96%;
}
#rain .posTop48 {
  top: 96%;
}
#rain .translate48 {
  transform: translateZ(-3840px);
  -webkit-transform: translateZ(-3840px);
}
#rain .scale48 {
  transform: scale(0.48);
  -webkit-transform: scale(0.48);
}
#rain .move49 {
  animation: move 2.45s cubic-bezier(0.47, 0, 0.745, 0.715) 2.45s infinite normal;
  -webkit-animation: move 2.45s cubic-bezier(0.47, 0, 0.745, 0.715) 2.45s infinite normal;
}
#rain .glassMove49 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 24.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 24.5s infinite normal;
}
#rain .pos49 {
  left: 98%;
}
#rain .posTop49 {
  top: 98%;
}
#rain .translate49 {
  transform: translateZ(-3920px);
  -webkit-transform: translateZ(-3920px);
}
#rain .scale49 {
  transform: scale(0.49);
  -webkit-transform: scale(0.49);
}
#rain .move50 {
  animation: move 2.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s infinite normal;
  -webkit-animation: move 2.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s infinite normal;
}
#rain .glassMove50 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 25s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 25s infinite normal;
}
#rain .pos50 {
  left: 100%;
}
#rain .posTop50 {
  top: 100%;
}
#rain .translate50 {
  transform: translateZ(-4000px);
  -webkit-transform: translateZ(-4000px);
}
#rain .scale50 {
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
}
#rain .move51 {
  animation: move 2.55s cubic-bezier(0.47, 0, 0.745, 0.715) 2.55s infinite normal;
  -webkit-animation: move 2.55s cubic-bezier(0.47, 0, 0.745, 0.715) 2.55s infinite normal;
}
#rain .glassMove51 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 25.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 25.5s infinite normal;
}
#rain .pos51 {
  left: 102%;
}
#rain .posTop51 {
  top: 102%;
}
#rain .translate51 {
  transform: translateZ(-4080px);
  -webkit-transform: translateZ(-4080px);
}
#rain .scale51 {
  transform: scale(0.51);
  -webkit-transform: scale(0.51);
}
#rain .move52 {
  animation: move 2.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s infinite normal;
  -webkit-animation: move 2.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s infinite normal;
}
#rain .glassMove52 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 26s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 26s infinite normal;
}
#rain .pos52 {
  left: 104%;
}
#rain .posTop52 {
  top: 104%;
}
#rain .translate52 {
  transform: translateZ(-4160px);
  -webkit-transform: translateZ(-4160px);
}
#rain .scale52 {
  transform: scale(0.52);
  -webkit-transform: scale(0.52);
}
#rain .move53 {
  animation: move 2.65s cubic-bezier(0.47, 0, 0.745, 0.715) 2.65s infinite normal;
  -webkit-animation: move 2.65s cubic-bezier(0.47, 0, 0.745, 0.715) 2.65s infinite normal;
}
#rain .glassMove53 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 26.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 26.5s infinite normal;
}
#rain .pos53 {
  left: 106%;
}
#rain .posTop53 {
  top: 106%;
}
#rain .translate53 {
  transform: translateZ(-4240px);
  -webkit-transform: translateZ(-4240px);
}
#rain .scale53 {
  transform: scale(0.53);
  -webkit-transform: scale(0.53);
}
#rain .move54 {
  animation: move 2.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s infinite normal;
  -webkit-animation: move 2.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s infinite normal;
}
#rain .glassMove54 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 27s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 27s infinite normal;
}
#rain .pos54 {
  left: 108%;
}
#rain .posTop54 {
  top: 108%;
}
#rain .translate54 {
  transform: translateZ(-4320px);
  -webkit-transform: translateZ(-4320px);
}
#rain .scale54 {
  transform: scale(0.54);
  -webkit-transform: scale(0.54);
}
#rain .move55 {
  animation: move 2.75s cubic-bezier(0.47, 0, 0.745, 0.715) 2.75s infinite normal;
  -webkit-animation: move 2.75s cubic-bezier(0.47, 0, 0.745, 0.715) 2.75s infinite normal;
}
#rain .glassMove55 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 27.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 27.5s infinite normal;
}
#rain .pos55 {
  left: 110.0%;
}
#rain .posTop55 {
  top: 110.0%;
}
#rain .translate55 {
  transform: translateZ(-4400px);
  -webkit-transform: translateZ(-4400px);
}
#rain .scale55 {
  transform: scale(0.55);
  -webkit-transform: scale(0.55);
}
#rain .move56 {
  animation: move 2.8s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s infinite normal;
  -webkit-animation: move 2.8s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s infinite normal;
}
#rain .glassMove56 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 28s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 28s infinite normal;
}
#rain .pos56 {
  left: 112.0%;
}
#rain .posTop56 {
  top: 112.0%;
}
#rain .translate56 {
  transform: translateZ(-4480px);
  -webkit-transform: translateZ(-4480px);
}
#rain .scale56 {
  transform: scale(0.56);
  -webkit-transform: scale(0.56);
}
#rain .move57 {
  animation: move 2.85s cubic-bezier(0.47, 0, 0.745, 0.715) 2.85s infinite normal;
  -webkit-animation: move 2.85s cubic-bezier(0.47, 0, 0.745, 0.715) 2.85s infinite normal;
}
#rain .glassMove57 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 28.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 28.5s infinite normal;
}
#rain .pos57 {
  left: 114.0%;
}
#rain .posTop57 {
  top: 114.0%;
}
#rain .translate57 {
  transform: translateZ(-4560px);
  -webkit-transform: translateZ(-4560px);
}
#rain .scale57 {
  transform: scale(0.57);
  -webkit-transform: scale(0.57);
}
#rain .move58 {
  animation: move 2.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s infinite normal;
  -webkit-animation: move 2.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s infinite normal;
}
#rain .glassMove58 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 29s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 29s infinite normal;
}
#rain .pos58 {
  left: 116.0%;
}
#rain .posTop58 {
  top: 116.0%;
}
#rain .translate58 {
  transform: translateZ(-4640px);
  -webkit-transform: translateZ(-4640px);
}
#rain .scale58 {
  transform: scale(0.58);
  -webkit-transform: scale(0.58);
}
#rain .move59 {
  animation: move 2.95s cubic-bezier(0.47, 0, 0.745, 0.715) 2.95s infinite normal;
  -webkit-animation: move 2.95s cubic-bezier(0.47, 0, 0.745, 0.715) 2.95s infinite normal;
}
#rain .glassMove59 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 29.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 29.5s infinite normal;
}
#rain .pos59 {
  left: 118%;
}
#rain .posTop59 {
  top: 118%;
}
#rain .translate59 {
  transform: translateZ(-4720px);
  -webkit-transform: translateZ(-4720px);
}
#rain .scale59 {
  transform: scale(0.59);
  -webkit-transform: scale(0.59);
}
#rain .move60 {
  animation: move 3s cubic-bezier(0.47, 0, 0.745, 0.715) 3s infinite normal;
  -webkit-animation: move 3s cubic-bezier(0.47, 0, 0.745, 0.715) 3s infinite normal;
}
#rain .glassMove60 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 30s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 30s infinite normal;
}
#rain .pos60 {
  left: 120%;
}
#rain .posTop60 {
  top: 120%;
}
#rain .translate60 {
  transform: translateZ(-4800px);
  -webkit-transform: translateZ(-4800px);
}
#rain .scale60 {
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
}
#rain .move61 {
  animation: move 3.05s cubic-bezier(0.47, 0, 0.745, 0.715) 3.05s infinite normal;
  -webkit-animation: move 3.05s cubic-bezier(0.47, 0, 0.745, 0.715) 3.05s infinite normal;
}
#rain .glassMove61 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 30.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 30.5s infinite normal;
}
#rain .pos61 {
  left: 122%;
}
#rain .posTop61 {
  top: 122%;
}
#rain .translate61 {
  transform: translateZ(-4880px);
  -webkit-transform: translateZ(-4880px);
}
#rain .scale61 {
  transform: scale(0.61);
  -webkit-transform: scale(0.61);
}
#rain .move62 {
  animation: move 3.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s infinite normal;
  -webkit-animation: move 3.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s infinite normal;
}
#rain .glassMove62 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 31s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 31s infinite normal;
}
#rain .pos62 {
  left: 124%;
}
#rain .posTop62 {
  top: 124%;
}
#rain .translate62 {
  transform: translateZ(-4960px);
  -webkit-transform: translateZ(-4960px);
}
#rain .scale62 {
  transform: scale(0.62);
  -webkit-transform: scale(0.62);
}
#rain .move63 {
  animation: move 3.15s cubic-bezier(0.47, 0, 0.745, 0.715) 3.15s infinite normal;
  -webkit-animation: move 3.15s cubic-bezier(0.47, 0, 0.745, 0.715) 3.15s infinite normal;
}
#rain .glassMove63 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 31.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 31.5s infinite normal;
}
#rain .pos63 {
  left: 126%;
}
#rain .posTop63 {
  top: 126%;
}
#rain .translate63 {
  transform: translateZ(-5040px);
  -webkit-transform: translateZ(-5040px);
}
#rain .scale63 {
  transform: scale(0.63);
  -webkit-transform: scale(0.63);
}
#rain .move64 {
  animation: move 3.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s infinite normal;
  -webkit-animation: move 3.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s infinite normal;
}
#rain .glassMove64 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 32s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 32s infinite normal;
}
#rain .pos64 {
  left: 128%;
}
#rain .posTop64 {
  top: 128%;
}
#rain .translate64 {
  transform: translateZ(-5120px);
  -webkit-transform: translateZ(-5120px);
}
#rain .scale64 {
  transform: scale(0.64);
  -webkit-transform: scale(0.64);
}
#rain .move65 {
  animation: move 3.25s cubic-bezier(0.47, 0, 0.745, 0.715) 3.25s infinite normal;
  -webkit-animation: move 3.25s cubic-bezier(0.47, 0, 0.745, 0.715) 3.25s infinite normal;
}
#rain .glassMove65 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 32.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 32.5s infinite normal;
}
#rain .pos65 {
  left: 130%;
}
#rain .posTop65 {
  top: 130%;
}
#rain .translate65 {
  transform: translateZ(-5200px);
  -webkit-transform: translateZ(-5200px);
}
#rain .scale65 {
  transform: scale(0.65);
  -webkit-transform: scale(0.65);
}
#rain .move66 {
  animation: move 3.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s infinite normal;
  -webkit-animation: move 3.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s infinite normal;
}
#rain .glassMove66 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 33s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 33s infinite normal;
}
#rain .pos66 {
  left: 132%;
}
#rain .posTop66 {
  top: 132%;
}
#rain .translate66 {
  transform: translateZ(-5280px);
  -webkit-transform: translateZ(-5280px);
}
#rain .scale66 {
  transform: scale(0.66);
  -webkit-transform: scale(0.66);
}
#rain .move67 {
  animation: move 3.35s cubic-bezier(0.47, 0, 0.745, 0.715) 3.35s infinite normal;
  -webkit-animation: move 3.35s cubic-bezier(0.47, 0, 0.745, 0.715) 3.35s infinite normal;
}
#rain .glassMove67 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 33.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 33.5s infinite normal;
}
#rain .pos67 {
  left: 134%;
}
#rain .posTop67 {
  top: 134%;
}
#rain .translate67 {
  transform: translateZ(-5360px);
  -webkit-transform: translateZ(-5360px);
}
#rain .scale67 {
  transform: scale(0.67);
  -webkit-transform: scale(0.67);
}
#rain .move68 {
  animation: move 3.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s infinite normal;
  -webkit-animation: move 3.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s infinite normal;
}
#rain .glassMove68 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 34s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 34s infinite normal;
}
#rain .pos68 {
  left: 136%;
}
#rain .posTop68 {
  top: 136%;
}
#rain .translate68 {
  transform: translateZ(-5440px);
  -webkit-transform: translateZ(-5440px);
}
#rain .scale68 {
  transform: scale(0.68);
  -webkit-transform: scale(0.68);
}
#rain .move69 {
  animation: move 3.45s cubic-bezier(0.47, 0, 0.745, 0.715) 3.45s infinite normal;
  -webkit-animation: move 3.45s cubic-bezier(0.47, 0, 0.745, 0.715) 3.45s infinite normal;
}
#rain .glassMove69 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 34.5s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 34.5s infinite normal;
}
#rain .pos69 {
  left: 138%;
}
#rain .posTop69 {
  top: 138%;
}
#rain .translate69 {
  transform: translateZ(-5520px);
  -webkit-transform: translateZ(-5520px);
}
#rain .scale69 {
  transform: scale(0.69);
  -webkit-transform: scale(0.69);
}
#rain .move70 {
  animation: move 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s infinite normal;
  -webkit-animation: move 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s infinite normal;
}
#rain .glassMove70 {
  animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 35s infinite normal;
  -webkit-animation: glassMove 8s cubic-bezier(0.47, 0, 0.745, 0.715) 35s infinite normal;
}
#rain .pos70 {
  left: 140%;
}
#rain .posTop70 {
  top: 140%;
}
#rain .translate70 {
  transform: translateZ(-5600px);
  -webkit-transform: translateZ(-5600px);
}
#rain .scale70 {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
}
#rain .rotate-5 {
  transform: rotateZ(-10deg);
  -webkit-transform: rotateZ(-10deg);
}
#rain .rotate-4 {
  transform: rotateZ(-8deg);
  -webkit-transform: rotateZ(-8deg);
}
#rain .rotate-3 {
  transform: rotateZ(-6deg);
  -webkit-transform: rotateZ(-6deg);
}
#rain .rotate-2 {
  transform: rotateZ(-4deg);
  -webkit-transform: rotateZ(-4deg);
}
#rain .rotate-1 {
  transform: rotateZ(-2deg);
  -webkit-transform: rotateZ(-2deg);
}
#rain .rotate0 {
  transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
}
#rain .rotate1 {
  transform: rotateZ(2deg);
  -webkit-transform: rotateZ(2deg);
}
#rain .rotate2 {
  transform: rotateZ(4deg);
  -webkit-transform: rotateZ(4deg);
}
#rain .rotate3 {
  transform: rotateZ(6deg);
  -webkit-transform: rotateZ(6deg);
}
#rain .rotate4 {
  transform: rotateZ(8deg);
  -webkit-transform: rotateZ(8deg);
}
#rain .rotate5 {
  transform: rotateZ(10deg);
  -webkit-transform: rotateZ(10deg);
}
#rain .section .field {
  border-radius: 3px;
  padding: 40px;
  background: -webkit-linear-gradient(top, #a5d4ea 0%, #86c6e0 100%);
  background: linear-gradient(to bottom, #a5d4ea 0%, #86c6e0 100%);
  margin-bottom: 20px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08) inset;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08) inset;
  overflow: hidden;
}
#rain .section .field.relative {
  height: 500px;
  position: relative;
  padding: 0px;
}
#rain .section p {
  margin-bottom: 20px;
}
#rain .section pre {
  margin-top: 0;
}
#rain .section .ex-code-prettify-contents {
  margin-bottom: 30px;
}
#rain .section .item {
  margin: 0 auto;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.6) inset;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.6) inset;
  position: relative;
}
#rain .section .item.L {
  width: 70px;
  height: 70px;
}
#rain .section .item:after {
  content: "";
  display: block;
  width: 20%;
  height: 20%;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  right: 15%;
  top: 15%;
  filter: blur(2px);
  -webkit-filter: blur(2px);
  transform: rotateZ(45deg) scaleY(0.8);
  -webkit-transform: rotateZ(45deg) scaleY(0.8);
}
#rain .section .shake {
  animation: shake 2s ease 0s infinite normal;
  -webkit-animation: shake 2s ease 0s infinite normal;
}
#rain .section .move {
  animation: move 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite normal;
  -webkit-animation: move 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite normal;
  position: absolute;
  bottom: -10%;
  left: 50%;
}