body {
  background: #111;
  height: 100vh;
  overflow: hidden;
  display: flex;
  font-family: "Anton", sans-serif;
  justify-content: center;
  align-items: center;
  perspective: 1000px;
}

div {
  position: absolute;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
}

.interface {
  top: 0;
  width: 10%;
  height: 100%;
  pointer-events: auto;
}
.interface:nth-child(1) {
  left: 0%;
}
.interface:nth-child(1):hover ~ .window {
  transform: rotateY(-40deg) rotateX(0deg);
}
.interface:nth-child(2) {
  left: 10%;
}
.interface:nth-child(2):hover ~ .window {
  transform: rotateY(-30deg) rotateX(0deg);
}
.interface:nth-child(3) {
  left: 20%;
}
.interface:nth-child(3):hover ~ .window {
  transform: rotateY(-20deg) rotateX(0deg);
}
.interface:nth-child(4) {
  left: 30%;
}
.interface:nth-child(4):hover ~ .window {
  transform: rotateY(-10deg) rotateX(0deg);
}
.interface:nth-child(5) {
  left: 40%;
}
.interface:nth-child(5):hover ~ .window {
  transform: rotateY(0deg) rotateX(0deg);
}
.interface:nth-child(6) {
  left: 50%;
}
.interface:nth-child(6):hover ~ .window {
  transform: rotateY(10deg) rotateX(0deg);
}
.interface:nth-child(7) {
  left: 60%;
}
.interface:nth-child(7):hover ~ .window {
  transform: rotateY(20deg) rotateX(0deg);
}
.interface:nth-child(8) {
  left: 70%;
}
.interface:nth-child(8):hover ~ .window {
  transform: rotateY(30deg) rotateX(0deg);
}
.interface:nth-child(9) {
  left: 80%;
}
.interface:nth-child(9):hover ~ .window {
  transform: rotateY(40deg) rotateX(0deg);
}
.interface:nth-child(10) {
  left: 90%;
}
.interface:nth-child(10):hover ~ .window {
  transform: rotateY(50deg) rotateX(0deg);
}

.window {
  width: 100%;
  height: 100%;
  transition: 1000ms cubic-bezier(0.17, 0.935, 0.305, 1);
}

.light {
  top: calc(50% - 300px / 2);
  left: calc(50% - 200px / 2);
  width: 200px;
  height: 300px;
  transform-origin: 50% 100%;
  transform: translateY(200px) translateZ(100px) rotateX(-90deg);
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}
.light_ref {
  width: 90px;
  height: 140px;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}
.light_ref_2 {
  right: 0;
}
.light_ref_3 {
  bottom: 0;
}
.light_ref_4 {
  right: 0;
  bottom: 0;
}

.wall {
  width: 100%;
  height: 100%;
}
.wall_glass {
  top: calc(50% - 300px / 2);
  left: calc(50% - 200px / 2);
  width: 200px;
  height: 300px;
  background: rgba(200, 255, 230, 0.1);
  transform: translateZ(-10px);
}
.wall_top {
  top: calc(50% - 9999px - 300px / 2);
  width: 9999px;
  height: 9999px;
  background: black;
}
.wall_top::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  background: #323232;
  transform-origin: 0 100%;
  transform: rotateX(90deg);
}
.wall_right {
  left: calc(50% + 200px / 2);
  width: 9999px;
  height: 9999px;
  background: black;
}
.wall_right::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  background: #323232;
  transform-origin: 0 0;
  transform: rotateY(90deg);
}
.wall_bottom {
  top: calc(50% + 300px / 2);
  width: 9999px;
  height: 9999px;
  background: black;
}
.wall_bottom::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background: #323232;
  transform-origin: 0 0;
  transform: rotateX(-90deg);
}
.wall_left {
  left: calc(50% - 9999px - 200px / 2);
  width: 9999px;
  height: 9999px;
  background: black;
}
.wall_left::before {
  content: "";
  position: absolute;
  right: 0;
  width: 20px;
  height: 100%;
  background: #323232;
  transform-origin: 100% 0;
  transform: rotateY(-90deg);
}
.wall_vertical {
  top: calc(50% - 300px / 2);
  left: calc(50% - 20px / 2);
  width: 20px;
  height: 300px;
  background: black;
}
.wall_vertical::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  background: #323232;
  transform-origin: 0 0;
  transform: rotateY(90deg);
}
.wall_vertical::after {
  content: "";
  position: absolute;
  right: 0;
  width: 20px;
  height: 100%;
  background: #323232;
  transform-origin: 100% 0;
  transform: rotateY(-90deg);
}
.wall_horizontal {
  top: calc(50% - 20px / 2);
  left: calc(50% - 200px / 2);
  width: 200px;
  height: 20px;
  background: black;
}
.wall_horizontal::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background: #323232;
  transform-origin: 0 0;
  transform: rotateX(-90deg);
}
.wall_horizontal::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  background: #323232;
  transform-origin: 0 100%;
  transform: rotateX(90deg);
}

.mask {
  width: 100%;
  height: 100%;
  transform: translateZ(1px);
}
.mask_right {
  left: calc(50% + 200px);
  width: 100%;
  height: 100%;
  background: black;
}
.mask_left {
  left: calc(50% - 100% - 200px);
  width: 100%;
  height: 100%;
  background: black;
}

.rain {
  width: 100%;
  height: 100%;
  transform: translateZ(-60px) rotateZ(0deg);
}
.rain_line {
  width: 1px;
  height: 100%;
}
.rain_line:nth-child(1) {
  left: 82%;
  transform: translateZ(-600px);
  opacity: 0.401;
}
.rain_line:nth-child(1) .drop {
  width: 100%;
  height: 37px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1195ms -214ms linear infinite;
          animation: drop 1195ms -214ms linear infinite;
}
.rain_line:nth-child(2) {
  left: 25%;
  transform: translateZ(-573px);
  opacity: 0.428;
}
.rain_line:nth-child(2) .drop {
  width: 100%;
  height: 59px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1148ms -138ms linear infinite;
          animation: drop 1148ms -138ms linear infinite;
}
.rain_line:nth-child(3) {
  left: 74%;
  transform: translateZ(-494px);
  opacity: 0.507;
}
.rain_line:nth-child(3) .drop {
  width: 100%;
  height: 69px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1016ms -322ms linear infinite;
          animation: drop 1016ms -322ms linear infinite;
}
.rain_line:nth-child(4) {
  left: 83%;
  transform: translateZ(-116px);
  opacity: 0.885;
}
.rain_line:nth-child(4) .drop {
  width: 100%;
  height: 61px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1194ms -1556ms linear infinite;
          animation: drop 1194ms -1556ms linear infinite;
}
.rain_line:nth-child(5) {
  left: 11%;
  transform: translateZ(-850px);
  opacity: 0.151;
}
.rain_line:nth-child(5) .drop {
  width: 100%;
  height: 71px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1198ms -1976ms linear infinite;
          animation: drop 1198ms -1976ms linear infinite;
}
.rain_line:nth-child(6) {
  left: 24%;
  transform: translateZ(-431px);
  opacity: 0.57;
}
.rain_line:nth-child(6) .drop {
  width: 100%;
  height: 76px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1007ms -1360ms linear infinite;
          animation: drop 1007ms -1360ms linear infinite;
}
.rain_line:nth-child(7) {
  left: 80%;
  transform: translateZ(-357px);
  opacity: 0.644;
}
.rain_line:nth-child(7) .drop {
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1181ms -1044ms linear infinite;
          animation: drop 1181ms -1044ms linear infinite;
}
.rain_line:nth-child(8) {
  left: 9%;
  transform: translateZ(-179px);
  opacity: 0.822;
}
.rain_line:nth-child(8) .drop {
  width: 100%;
  height: 33px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1158ms -594ms linear infinite;
          animation: drop 1158ms -594ms linear infinite;
}
.rain_line:nth-child(9) {
  left: 45%;
  transform: translateZ(-369px);
  opacity: 0.632;
}
.rain_line:nth-child(9) .drop {
  width: 100%;
  height: 51px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1066ms -1766ms linear infinite;
          animation: drop 1066ms -1766ms linear infinite;
}
.rain_line:nth-child(10) {
  left: 35%;
  transform: translateZ(-808px);
  opacity: 0.193;
}
.rain_line:nth-child(10) .drop {
  width: 100%;
  height: 64px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1134ms -1276ms linear infinite;
          animation: drop 1134ms -1276ms linear infinite;
}
.rain_line:nth-child(11) {
  left: 38%;
  transform: translateZ(-614px);
  opacity: 0.387;
}
.rain_line:nth-child(11) .drop {
  width: 100%;
  height: 53px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1110ms -303ms linear infinite;
          animation: drop 1110ms -303ms linear infinite;
}
.rain_line:nth-child(12) {
  left: 10%;
  transform: translateZ(-937px);
  opacity: 0.064;
}
.rain_line:nth-child(12) .drop {
  width: 100%;
  height: 63px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1079ms -797ms linear infinite;
          animation: drop 1079ms -797ms linear infinite;
}
.rain_line:nth-child(13) {
  left: 65%;
  transform: translateZ(-391px);
  opacity: 0.61;
}
.rain_line:nth-child(13) .drop {
  width: 100%;
  height: 80px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1015ms -839ms linear infinite;
          animation: drop 1015ms -839ms linear infinite;
}
.rain_line:nth-child(14) {
  left: 69%;
  transform: translateZ(-307px);
  opacity: 0.694;
}
.rain_line:nth-child(14) .drop {
  width: 100%;
  height: 68px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1165ms -439ms linear infinite;
          animation: drop 1165ms -439ms linear infinite;
}
.rain_line:nth-child(15) {
  left: 17%;
  transform: translateZ(-361px);
  opacity: 0.64;
}
.rain_line:nth-child(15) .drop {
  width: 100%;
  height: 40px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1186ms -416ms linear infinite;
          animation: drop 1186ms -416ms linear infinite;
}
.rain_line:nth-child(16) {
  left: 46%;
  transform: translateZ(-591px);
  opacity: 0.41;
}
.rain_line:nth-child(16) .drop {
  width: 100%;
  height: 34px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1015ms -596ms linear infinite;
          animation: drop 1015ms -596ms linear infinite;
}
.rain_line:nth-child(17) {
  left: 47%;
  transform: translateZ(-730px);
  opacity: 0.271;
}
.rain_line:nth-child(17) .drop {
  width: 100%;
  height: 34px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1182ms -839ms linear infinite;
          animation: drop 1182ms -839ms linear infinite;
}
.rain_line:nth-child(18) {
  left: 73%;
  transform: translateZ(-463px);
  opacity: 0.538;
}
.rain_line:nth-child(18) .drop {
  width: 100%;
  height: 66px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1026ms -1771ms linear infinite;
          animation: drop 1026ms -1771ms linear infinite;
}
.rain_line:nth-child(19) {
  left: 94%;
  transform: translateZ(-305px);
  opacity: 0.696;
}
.rain_line:nth-child(19) .drop {
  width: 100%;
  height: 55px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1008ms -882ms linear infinite;
          animation: drop 1008ms -882ms linear infinite;
}
.rain_line:nth-child(20) {
  left: 10%;
  transform: translateZ(-767px);
  opacity: 0.234;
}
.rain_line:nth-child(20) .drop {
  width: 100%;
  height: 79px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1064ms -724ms linear infinite;
          animation: drop 1064ms -724ms linear infinite;
}
.rain_line:nth-child(21) {
  left: 50%;
  transform: translateZ(-174px);
  opacity: 0.827;
}
.rain_line:nth-child(21) .drop {
  width: 100%;
  height: 52px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1169ms -1729ms linear infinite;
          animation: drop 1169ms -1729ms linear infinite;
}
.rain_line:nth-child(22) {
  left: 7%;
  transform: translateZ(-49px);
  opacity: 0.952;
}
.rain_line:nth-child(22) .drop {
  width: 100%;
  height: 52px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1077ms -264ms linear infinite;
          animation: drop 1077ms -264ms linear infinite;
}
.rain_line:nth-child(23) {
  left: 60%;
  transform: translateZ(-68px);
  opacity: 0.933;
}
.rain_line:nth-child(23) .drop {
  width: 100%;
  height: 57px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1093ms -1124ms linear infinite;
          animation: drop 1093ms -1124ms linear infinite;
}
.rain_line:nth-child(24) {
  left: 44%;
  transform: translateZ(-395px);
  opacity: 0.606;
}
.rain_line:nth-child(24) .drop {
  width: 100%;
  height: 56px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1057ms -1151ms linear infinite;
          animation: drop 1057ms -1151ms linear infinite;
}
.rain_line:nth-child(25) {
  left: 57%;
  transform: translateZ(-1000px);
  opacity: 0.001;
}
.rain_line:nth-child(25) .drop {
  width: 100%;
  height: 80px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1170ms -1185ms linear infinite;
          animation: drop 1170ms -1185ms linear infinite;
}
.rain_line:nth-child(26) {
  left: 24%;
  transform: translateZ(-917px);
  opacity: 0.084;
}
.rain_line:nth-child(26) .drop {
  width: 100%;
  height: 50px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1106ms -1105ms linear infinite;
          animation: drop 1106ms -1105ms linear infinite;
}
.rain_line:nth-child(27) {
  left: 85%;
  transform: translateZ(-653px);
  opacity: 0.348;
}
.rain_line:nth-child(27) .drop {
  width: 100%;
  height: 38px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1196ms -1136ms linear infinite;
          animation: drop 1196ms -1136ms linear infinite;
}
.rain_line:nth-child(28) {
  left: 22%;
  transform: translateZ(-264px);
  opacity: 0.737;
}
.rain_line:nth-child(28) .drop {
  width: 100%;
  height: 41px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1019ms -1496ms linear infinite;
          animation: drop 1019ms -1496ms linear infinite;
}
.rain_line:nth-child(29) {
  left: 97%;
  transform: translateZ(-935px);
  opacity: 0.066;
}
.rain_line:nth-child(29) .drop {
  width: 100%;
  height: 75px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1198ms -775ms linear infinite;
          animation: drop 1198ms -775ms linear infinite;
}
.rain_line:nth-child(30) {
  left: 31%;
  transform: translateZ(-558px);
  opacity: 0.443;
}
.rain_line:nth-child(30) .drop {
  width: 100%;
  height: 31px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1198ms -1282ms linear infinite;
          animation: drop 1198ms -1282ms linear infinite;
}
.rain_line:nth-child(31) {
  left: 25%;
  transform: translateZ(-325px);
  opacity: 0.676;
}
.rain_line:nth-child(31) .drop {
  width: 100%;
  height: 39px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1111ms -181ms linear infinite;
          animation: drop 1111ms -181ms linear infinite;
}
.rain_line:nth-child(32) {
  left: 54%;
  transform: translateZ(-511px);
  opacity: 0.49;
}
.rain_line:nth-child(32) .drop {
  width: 100%;
  height: 77px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1087ms -1743ms linear infinite;
          animation: drop 1087ms -1743ms linear infinite;
}
.rain_line:nth-child(33) {
  left: 19%;
  transform: translateZ(-174px);
  opacity: 0.827;
}
.rain_line:nth-child(33) .drop {
  width: 100%;
  height: 58px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1076ms -1995ms linear infinite;
          animation: drop 1076ms -1995ms linear infinite;
}
.rain_line:nth-child(34) {
  left: 68%;
  transform: translateZ(-986px);
  opacity: 0.015;
}
.rain_line:nth-child(34) .drop {
  width: 100%;
  height: 43px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1199ms -100ms linear infinite;
          animation: drop 1199ms -100ms linear infinite;
}
.rain_line:nth-child(35) {
  left: 36%;
  transform: translateZ(-280px);
  opacity: 0.721;
}
.rain_line:nth-child(35) .drop {
  width: 100%;
  height: 72px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1159ms -1245ms linear infinite;
          animation: drop 1159ms -1245ms linear infinite;
}
.rain_line:nth-child(36) {
  left: 79%;
  transform: translateZ(-563px);
  opacity: 0.438;
}
.rain_line:nth-child(36) .drop {
  width: 100%;
  height: 33px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1176ms -1801ms linear infinite;
          animation: drop 1176ms -1801ms linear infinite;
}
.rain_line:nth-child(37) {
  left: 31%;
  transform: translateZ(-622px);
  opacity: 0.379;
}
.rain_line:nth-child(37) .drop {
  width: 100%;
  height: 69px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1194ms -1171ms linear infinite;
          animation: drop 1194ms -1171ms linear infinite;
}
.rain_line:nth-child(38) {
  left: 55%;
  transform: translateZ(-732px);
  opacity: 0.269;
}
.rain_line:nth-child(38) .drop {
  width: 100%;
  height: 80px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1109ms -614ms linear infinite;
          animation: drop 1109ms -614ms linear infinite;
}
.rain_line:nth-child(39) {
  left: 77%;
  transform: translateZ(-811px);
  opacity: 0.19;
}
.rain_line:nth-child(39) .drop {
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1040ms -1322ms linear infinite;
          animation: drop 1040ms -1322ms linear infinite;
}
.rain_line:nth-child(40) {
  left: 21%;
  transform: translateZ(-38px);
  opacity: 0.963;
}
.rain_line:nth-child(40) .drop {
  width: 100%;
  height: 73px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1111ms -595ms linear infinite;
          animation: drop 1111ms -595ms linear infinite;
}
.rain_line:nth-child(41) {
  left: 20%;
  transform: translateZ(-268px);
  opacity: 0.733;
}
.rain_line:nth-child(41) .drop {
  width: 100%;
  height: 59px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1060ms -1147ms linear infinite;
          animation: drop 1060ms -1147ms linear infinite;
}
.rain_line:nth-child(42) {
  left: 42%;
  transform: translateZ(-521px);
  opacity: 0.48;
}
.rain_line:nth-child(42) .drop {
  width: 100%;
  height: 42px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1180ms -675ms linear infinite;
          animation: drop 1180ms -675ms linear infinite;
}
.rain_line:nth-child(43) {
  left: 69%;
  transform: translateZ(-226px);
  opacity: 0.775;
}
.rain_line:nth-child(43) .drop {
  width: 100%;
  height: 57px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1166ms -873ms linear infinite;
          animation: drop 1166ms -873ms linear infinite;
}
.rain_line:nth-child(44) {
  left: 25%;
  transform: translateZ(-604px);
  opacity: 0.397;
}
.rain_line:nth-child(44) .drop {
  width: 100%;
  height: 62px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1026ms -697ms linear infinite;
          animation: drop 1026ms -697ms linear infinite;
}
.rain_line:nth-child(45) {
  left: 99%;
  transform: translateZ(-522px);
  opacity: 0.479;
}
.rain_line:nth-child(45) .drop {
  width: 100%;
  height: 64px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1010ms -664ms linear infinite;
          animation: drop 1010ms -664ms linear infinite;
}
.rain_line:nth-child(46) {
  left: 15%;
  transform: translateZ(-57px);
  opacity: 0.944;
}
.rain_line:nth-child(46) .drop {
  width: 100%;
  height: 79px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1036ms -418ms linear infinite;
          animation: drop 1036ms -418ms linear infinite;
}
.rain_line:nth-child(47) {
  left: 19%;
  transform: translateZ(-174px);
  opacity: 0.827;
}
.rain_line:nth-child(47) .drop {
  width: 100%;
  height: 68px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1075ms -622ms linear infinite;
          animation: drop 1075ms -622ms linear infinite;
}
.rain_line:nth-child(48) {
  left: 44%;
  transform: translateZ(-598px);
  opacity: 0.403;
}
.rain_line:nth-child(48) .drop {
  width: 100%;
  height: 75px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1145ms -1904ms linear infinite;
          animation: drop 1145ms -1904ms linear infinite;
}
.rain_line:nth-child(49) {
  left: 82%;
  transform: translateZ(-624px);
  opacity: 0.377;
}
.rain_line:nth-child(49) .drop {
  width: 100%;
  height: 59px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1060ms -105ms linear infinite;
          animation: drop 1060ms -105ms linear infinite;
}
.rain_line:nth-child(50) {
  left: 29%;
  transform: translateZ(-457px);
  opacity: 0.544;
}
.rain_line:nth-child(50) .drop {
  width: 100%;
  height: 80px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1063ms -1086ms linear infinite;
          animation: drop 1063ms -1086ms linear infinite;
}
.rain_line:nth-child(51) {
  left: 82%;
  transform: translateZ(-677px);
  opacity: 0.324;
}
.rain_line:nth-child(51) .drop {
  width: 100%;
  height: 54px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1179ms -1939ms linear infinite;
          animation: drop 1179ms -1939ms linear infinite;
}
.rain_line:nth-child(52) {
  left: 80%;
  transform: translateZ(-759px);
  opacity: 0.242;
}
.rain_line:nth-child(52) .drop {
  width: 100%;
  height: 52px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1108ms -790ms linear infinite;
          animation: drop 1108ms -790ms linear infinite;
}
.rain_line:nth-child(53) {
  left: 77%;
  transform: translateZ(-453px);
  opacity: 0.548;
}
.rain_line:nth-child(53) .drop {
  width: 100%;
  height: 80px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1076ms -613ms linear infinite;
          animation: drop 1076ms -613ms linear infinite;
}
.rain_line:nth-child(54) {
  left: 11%;
  transform: translateZ(-572px);
  opacity: 0.429;
}
.rain_line:nth-child(54) .drop {
  width: 100%;
  height: 43px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1092ms -1988ms linear infinite;
          animation: drop 1092ms -1988ms linear infinite;
}
.rain_line:nth-child(55) {
  left: 26%;
  transform: translateZ(-427px);
  opacity: 0.574;
}
.rain_line:nth-child(55) .drop {
  width: 100%;
  height: 43px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1115ms -1030ms linear infinite;
          animation: drop 1115ms -1030ms linear infinite;
}
.rain_line:nth-child(56) {
  left: 80%;
  transform: translateZ(-128px);
  opacity: 0.873;
}
.rain_line:nth-child(56) .drop {
  width: 100%;
  height: 68px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1146ms -419ms linear infinite;
          animation: drop 1146ms -419ms linear infinite;
}
.rain_line:nth-child(57) {
  left: 51%;
  transform: translateZ(-309px);
  opacity: 0.692;
}
.rain_line:nth-child(57) .drop {
  width: 100%;
  height: 69px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1079ms -244ms linear infinite;
          animation: drop 1079ms -244ms linear infinite;
}
.rain_line:nth-child(58) {
  left: 37%;
  transform: translateZ(-325px);
  opacity: 0.676;
}
.rain_line:nth-child(58) .drop {
  width: 100%;
  height: 57px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1089ms -1093ms linear infinite;
          animation: drop 1089ms -1093ms linear infinite;
}
.rain_line:nth-child(59) {
  left: 98%;
  transform: translateZ(-148px);
  opacity: 0.853;
}
.rain_line:nth-child(59) .drop {
  width: 100%;
  height: 31px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1185ms -1070ms linear infinite;
          animation: drop 1185ms -1070ms linear infinite;
}
.rain_line:nth-child(60) {
  left: 55%;
  transform: translateZ(-843px);
  opacity: 0.158;
}
.rain_line:nth-child(60) .drop {
  width: 100%;
  height: 67px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1100ms -65ms linear infinite;
          animation: drop 1100ms -65ms linear infinite;
}
.rain_line:nth-child(61) {
  left: 5%;
  transform: translateZ(-219px);
  opacity: 0.782;
}
.rain_line:nth-child(61) .drop {
  width: 100%;
  height: 53px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1102ms -1248ms linear infinite;
          animation: drop 1102ms -1248ms linear infinite;
}
.rain_line:nth-child(62) {
  left: 86%;
  transform: translateZ(-61px);
  opacity: 0.94;
}
.rain_line:nth-child(62) .drop {
  width: 100%;
  height: 57px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1069ms -1528ms linear infinite;
          animation: drop 1069ms -1528ms linear infinite;
}
.rain_line:nth-child(63) {
  left: 53%;
  transform: translateZ(-829px);
  opacity: 0.172;
}
.rain_line:nth-child(63) .drop {
  width: 100%;
  height: 70px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1047ms -1224ms linear infinite;
          animation: drop 1047ms -1224ms linear infinite;
}
.rain_line:nth-child(64) {
  left: 29%;
  transform: translateZ(-523px);
  opacity: 0.478;
}
.rain_line:nth-child(64) .drop {
  width: 100%;
  height: 59px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1028ms -400ms linear infinite;
          animation: drop 1028ms -400ms linear infinite;
}
.rain_line:nth-child(65) {
  left: 3%;
  transform: translateZ(-622px);
  opacity: 0.379;
}
.rain_line:nth-child(65) .drop {
  width: 100%;
  height: 74px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1090ms -1779ms linear infinite;
          animation: drop 1090ms -1779ms linear infinite;
}
.rain_line:nth-child(66) {
  left: 27%;
  transform: translateZ(-880px);
  opacity: 0.121;
}
.rain_line:nth-child(66) .drop {
  width: 100%;
  height: 48px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1089ms -820ms linear infinite;
          animation: drop 1089ms -820ms linear infinite;
}
.rain_line:nth-child(67) {
  left: 56%;
  transform: translateZ(-846px);
  opacity: 0.155;
}
.rain_line:nth-child(67) .drop {
  width: 100%;
  height: 70px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1094ms -1928ms linear infinite;
          animation: drop 1094ms -1928ms linear infinite;
}
.rain_line:nth-child(68) {
  left: 96%;
  transform: translateZ(-364px);
  opacity: 0.637;
}
.rain_line:nth-child(68) .drop {
  width: 100%;
  height: 69px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1153ms -836ms linear infinite;
          animation: drop 1153ms -836ms linear infinite;
}
.rain_line:nth-child(69) {
  left: 27%;
  transform: translateZ(-650px);
  opacity: 0.351;
}
.rain_line:nth-child(69) .drop {
  width: 100%;
  height: 59px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1144ms -1741ms linear infinite;
          animation: drop 1144ms -1741ms linear infinite;
}
.rain_line:nth-child(70) {
  left: 89%;
  transform: translateZ(-141px);
  opacity: 0.86;
}
.rain_line:nth-child(70) .drop {
  width: 100%;
  height: 49px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1096ms -174ms linear infinite;
          animation: drop 1096ms -174ms linear infinite;
}
.rain_line:nth-child(71) {
  left: 77%;
  transform: translateZ(-275px);
  opacity: 0.726;
}
.rain_line:nth-child(71) .drop {
  width: 100%;
  height: 49px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1067ms -1508ms linear infinite;
          animation: drop 1067ms -1508ms linear infinite;
}
.rain_line:nth-child(72) {
  left: 5%;
  transform: translateZ(-479px);
  opacity: 0.522;
}
.rain_line:nth-child(72) .drop {
  width: 100%;
  height: 58px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1106ms -1733ms linear infinite;
          animation: drop 1106ms -1733ms linear infinite;
}
.rain_line:nth-child(73) {
  left: 79%;
  transform: translateZ(-813px);
  opacity: 0.188;
}
.rain_line:nth-child(73) .drop {
  width: 100%;
  height: 40px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1186ms -1749ms linear infinite;
          animation: drop 1186ms -1749ms linear infinite;
}
.rain_line:nth-child(74) {
  left: 21%;
  transform: translateZ(-863px);
  opacity: 0.138;
}
.rain_line:nth-child(74) .drop {
  width: 100%;
  height: 75px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1033ms -692ms linear infinite;
          animation: drop 1033ms -692ms linear infinite;
}
.rain_line:nth-child(75) {
  left: 44%;
  transform: translateZ(-872px);
  opacity: 0.129;
}
.rain_line:nth-child(75) .drop {
  width: 100%;
  height: 36px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1162ms -525ms linear infinite;
          animation: drop 1162ms -525ms linear infinite;
}
.rain_line:nth-child(76) {
  left: 45%;
  transform: translateZ(-446px);
  opacity: 0.555;
}
.rain_line:nth-child(76) .drop {
  width: 100%;
  height: 41px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1084ms -338ms linear infinite;
          animation: drop 1084ms -338ms linear infinite;
}
.rain_line:nth-child(77) {
  left: 26%;
  transform: translateZ(-652px);
  opacity: 0.349;
}
.rain_line:nth-child(77) .drop {
  width: 100%;
  height: 31px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1110ms -1512ms linear infinite;
          animation: drop 1110ms -1512ms linear infinite;
}
.rain_line:nth-child(78) {
  left: 61%;
  transform: translateZ(-335px);
  opacity: 0.666;
}
.rain_line:nth-child(78) .drop {
  width: 100%;
  height: 61px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1025ms -369ms linear infinite;
          animation: drop 1025ms -369ms linear infinite;
}
.rain_line:nth-child(79) {
  left: 41%;
  transform: translateZ(-726px);
  opacity: 0.275;
}
.rain_line:nth-child(79) .drop {
  width: 100%;
  height: 39px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1067ms -323ms linear infinite;
          animation: drop 1067ms -323ms linear infinite;
}
.rain_line:nth-child(80) {
  left: 75%;
  transform: translateZ(-483px);
  opacity: 0.518;
}
.rain_line:nth-child(80) .drop {
  width: 100%;
  height: 69px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1056ms -626ms linear infinite;
          animation: drop 1056ms -626ms linear infinite;
}
.rain_line:nth-child(81) {
  left: 16%;
  transform: translateZ(-2px);
  opacity: 0.999;
}
.rain_line:nth-child(81) .drop {
  width: 100%;
  height: 43px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1098ms -1758ms linear infinite;
          animation: drop 1098ms -1758ms linear infinite;
}
.rain_line:nth-child(82) {
  left: 31%;
  transform: translateZ(-429px);
  opacity: 0.572;
}
.rain_line:nth-child(82) .drop {
  width: 100%;
  height: 78px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1131ms -762ms linear infinite;
          animation: drop 1131ms -762ms linear infinite;
}
.rain_line:nth-child(83) {
  left: 51%;
  transform: translateZ(-227px);
  opacity: 0.774;
}
.rain_line:nth-child(83) .drop {
  width: 100%;
  height: 68px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1020ms -1987ms linear infinite;
          animation: drop 1020ms -1987ms linear infinite;
}
.rain_line:nth-child(84) {
  left: 51%;
  transform: translateZ(-863px);
  opacity: 0.138;
}
.rain_line:nth-child(84) .drop {
  width: 100%;
  height: 34px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1153ms -1893ms linear infinite;
          animation: drop 1153ms -1893ms linear infinite;
}
.rain_line:nth-child(85) {
  left: 61%;
  transform: translateZ(-465px);
  opacity: 0.536;
}
.rain_line:nth-child(85) .drop {
  width: 100%;
  height: 69px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1124ms -2ms linear infinite;
          animation: drop 1124ms -2ms linear infinite;
}
.rain_line:nth-child(86) {
  left: 43%;
  transform: translateZ(-420px);
  opacity: 0.581;
}
.rain_line:nth-child(86) .drop {
  width: 100%;
  height: 46px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1062ms -146ms linear infinite;
          animation: drop 1062ms -146ms linear infinite;
}
.rain_line:nth-child(87) {
  left: 32%;
  transform: translateZ(-946px);
  opacity: 0.055;
}
.rain_line:nth-child(87) .drop {
  width: 100%;
  height: 54px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1179ms -112ms linear infinite;
          animation: drop 1179ms -112ms linear infinite;
}
.rain_line:nth-child(88) {
  left: 1%;
  transform: translateZ(-716px);
  opacity: 0.285;
}
.rain_line:nth-child(88) .drop {
  width: 100%;
  height: 76px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1196ms -24ms linear infinite;
          animation: drop 1196ms -24ms linear infinite;
}
.rain_line:nth-child(89) {
  left: 84%;
  transform: translateZ(-74px);
  opacity: 0.927;
}
.rain_line:nth-child(89) .drop {
  width: 100%;
  height: 69px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1154ms -430ms linear infinite;
          animation: drop 1154ms -430ms linear infinite;
}
.rain_line:nth-child(90) {
  left: 68%;
  transform: translateZ(-148px);
  opacity: 0.853;
}
.rain_line:nth-child(90) .drop {
  width: 100%;
  height: 45px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1193ms -961ms linear infinite;
          animation: drop 1193ms -961ms linear infinite;
}
.rain_line:nth-child(91) {
  left: 2%;
  transform: translateZ(-239px);
  opacity: 0.762;
}
.rain_line:nth-child(91) .drop {
  width: 100%;
  height: 80px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1120ms -1693ms linear infinite;
          animation: drop 1120ms -1693ms linear infinite;
}
.rain_line:nth-child(92) {
  left: 37%;
  transform: translateZ(-377px);
  opacity: 0.624;
}
.rain_line:nth-child(92) .drop {
  width: 100%;
  height: 66px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1016ms -46ms linear infinite;
          animation: drop 1016ms -46ms linear infinite;
}
.rain_line:nth-child(93) {
  left: 24%;
  transform: translateZ(-793px);
  opacity: 0.208;
}
.rain_line:nth-child(93) .drop {
  width: 100%;
  height: 49px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1148ms -610ms linear infinite;
          animation: drop 1148ms -610ms linear infinite;
}
.rain_line:nth-child(94) {
  left: 8%;
  transform: translateZ(-995px);
  opacity: 0.006;
}
.rain_line:nth-child(94) .drop {
  width: 100%;
  height: 77px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1031ms -1466ms linear infinite;
          animation: drop 1031ms -1466ms linear infinite;
}
.rain_line:nth-child(95) {
  left: 18%;
  transform: translateZ(-561px);
  opacity: 0.44;
}
.rain_line:nth-child(95) .drop {
  width: 100%;
  height: 69px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1051ms -1300ms linear infinite;
          animation: drop 1051ms -1300ms linear infinite;
}
.rain_line:nth-child(96) {
  left: 85%;
  transform: translateZ(-57px);
  opacity: 0.944;
}
.rain_line:nth-child(96) .drop {
  width: 100%;
  height: 56px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1084ms -171ms linear infinite;
          animation: drop 1084ms -171ms linear infinite;
}
.rain_line:nth-child(97) {
  left: 60%;
  transform: translateZ(-463px);
  opacity: 0.538;
}
.rain_line:nth-child(97) .drop {
  width: 100%;
  height: 63px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1072ms -579ms linear infinite;
          animation: drop 1072ms -579ms linear infinite;
}
.rain_line:nth-child(98) {
  left: 49%;
  transform: translateZ(-264px);
  opacity: 0.737;
}
.rain_line:nth-child(98) .drop {
  width: 100%;
  height: 79px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1092ms -286ms linear infinite;
          animation: drop 1092ms -286ms linear infinite;
}
.rain_line:nth-child(99) {
  left: 82%;
  transform: translateZ(-459px);
  opacity: 0.542;
}
.rain_line:nth-child(99) .drop {
  width: 100%;
  height: 68px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1059ms -1223ms linear infinite;
          animation: drop 1059ms -1223ms linear infinite;
}
.rain_line:nth-child(100) {
  left: 53%;
  transform: translateZ(-483px);
  opacity: 0.518;
}
.rain_line:nth-child(100) .drop {
  width: 100%;
  height: 63px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1134ms -276ms linear infinite;
          animation: drop 1134ms -276ms linear infinite;
}
.rain_line:nth-child(101) {
  left: 40%;
  transform: translateZ(-427px);
  opacity: 0.574;
}
.rain_line:nth-child(101) .drop {
  width: 100%;
  height: 46px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1122ms -691ms linear infinite;
          animation: drop 1122ms -691ms linear infinite;
}
.rain_line:nth-child(102) {
  left: 67%;
  transform: translateZ(-618px);
  opacity: 0.383;
}
.rain_line:nth-child(102) .drop {
  width: 100%;
  height: 41px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1034ms -110ms linear infinite;
          animation: drop 1034ms -110ms linear infinite;
}
.rain_line:nth-child(103) {
  left: 21%;
  transform: translateZ(-126px);
  opacity: 0.875;
}
.rain_line:nth-child(103) .drop {
  width: 100%;
  height: 57px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1039ms -49ms linear infinite;
          animation: drop 1039ms -49ms linear infinite;
}
.rain_line:nth-child(104) {
  left: 91%;
  transform: translateZ(-787px);
  opacity: 0.214;
}
.rain_line:nth-child(104) .drop {
  width: 100%;
  height: 79px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1095ms -1077ms linear infinite;
          animation: drop 1095ms -1077ms linear infinite;
}
.rain_line:nth-child(105) {
  left: 64%;
  transform: translateZ(-41px);
  opacity: 0.96;
}
.rain_line:nth-child(105) .drop {
  width: 100%;
  height: 45px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1019ms -1679ms linear infinite;
          animation: drop 1019ms -1679ms linear infinite;
}
.rain_line:nth-child(106) {
  left: 72%;
  transform: translateZ(-272px);
  opacity: 0.729;
}
.rain_line:nth-child(106) .drop {
  width: 100%;
  height: 41px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1144ms -1272ms linear infinite;
          animation: drop 1144ms -1272ms linear infinite;
}
.rain_line:nth-child(107) {
  left: 95%;
  transform: translateZ(-36px);
  opacity: 0.965;
}
.rain_line:nth-child(107) .drop {
  width: 100%;
  height: 78px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1171ms -1299ms linear infinite;
          animation: drop 1171ms -1299ms linear infinite;
}
.rain_line:nth-child(108) {
  left: 4%;
  transform: translateZ(-909px);
  opacity: 0.092;
}
.rain_line:nth-child(108) .drop {
  width: 100%;
  height: 34px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1007ms -723ms linear infinite;
          animation: drop 1007ms -723ms linear infinite;
}
.rain_line:nth-child(109) {
  left: 84%;
  transform: translateZ(-792px);
  opacity: 0.209;
}
.rain_line:nth-child(109) .drop {
  width: 100%;
  height: 78px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1016ms -611ms linear infinite;
          animation: drop 1016ms -611ms linear infinite;
}
.rain_line:nth-child(110) {
  left: 11%;
  transform: translateZ(-215px);
  opacity: 0.786;
}
.rain_line:nth-child(110) .drop {
  width: 100%;
  height: 42px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1174ms -1119ms linear infinite;
          animation: drop 1174ms -1119ms linear infinite;
}
.rain_line:nth-child(111) {
  left: 73%;
  transform: translateZ(-236px);
  opacity: 0.765;
}
.rain_line:nth-child(111) .drop {
  width: 100%;
  height: 43px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1080ms -566ms linear infinite;
          animation: drop 1080ms -566ms linear infinite;
}
.rain_line:nth-child(112) {
  left: 88%;
  transform: translateZ(-544px);
  opacity: 0.457;
}
.rain_line:nth-child(112) .drop {
  width: 100%;
  height: 53px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1075ms -850ms linear infinite;
          animation: drop 1075ms -850ms linear infinite;
}
.rain_line:nth-child(113) {
  left: 24%;
  transform: translateZ(-581px);
  opacity: 0.42;
}
.rain_line:nth-child(113) .drop {
  width: 100%;
  height: 33px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1171ms -1088ms linear infinite;
          animation: drop 1171ms -1088ms linear infinite;
}
.rain_line:nth-child(114) {
  left: 17%;
  transform: translateZ(-133px);
  opacity: 0.868;
}
.rain_line:nth-child(114) .drop {
  width: 100%;
  height: 77px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1120ms -1068ms linear infinite;
          animation: drop 1120ms -1068ms linear infinite;
}
.rain_line:nth-child(115) {
  left: 49%;
  transform: translateZ(-296px);
  opacity: 0.705;
}
.rain_line:nth-child(115) .drop {
  width: 100%;
  height: 69px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1093ms -519ms linear infinite;
          animation: drop 1093ms -519ms linear infinite;
}
.rain_line:nth-child(116) {
  left: 36%;
  transform: translateZ(-687px);
  opacity: 0.314;
}
.rain_line:nth-child(116) .drop {
  width: 100%;
  height: 70px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1008ms -1325ms linear infinite;
          animation: drop 1008ms -1325ms linear infinite;
}
.rain_line:nth-child(117) {
  left: 43%;
  transform: translateZ(-145px);
  opacity: 0.856;
}
.rain_line:nth-child(117) .drop {
  width: 100%;
  height: 59px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1055ms -1549ms linear infinite;
          animation: drop 1055ms -1549ms linear infinite;
}
.rain_line:nth-child(118) {
  left: 75%;
  transform: translateZ(-747px);
  opacity: 0.254;
}
.rain_line:nth-child(118) .drop {
  width: 100%;
  height: 57px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1188ms -1130ms linear infinite;
          animation: drop 1188ms -1130ms linear infinite;
}
.rain_line:nth-child(119) {
  left: 2%;
  transform: translateZ(-289px);
  opacity: 0.712;
}
.rain_line:nth-child(119) .drop {
  width: 100%;
  height: 57px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1199ms -1671ms linear infinite;
          animation: drop 1199ms -1671ms linear infinite;
}
.rain_line:nth-child(120) {
  left: 47%;
  transform: translateZ(-342px);
  opacity: 0.659;
}
.rain_line:nth-child(120) .drop {
  width: 100%;
  height: 68px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1179ms -1895ms linear infinite;
          animation: drop 1179ms -1895ms linear infinite;
}
.rain_line:nth-child(121) {
  left: 90%;
  transform: translateZ(-505px);
  opacity: 0.496;
}
.rain_line:nth-child(121) .drop {
  width: 100%;
  height: 47px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1035ms -61ms linear infinite;
          animation: drop 1035ms -61ms linear infinite;
}
.rain_line:nth-child(122) {
  left: 7%;
  transform: translateZ(-542px);
  opacity: 0.459;
}
.rain_line:nth-child(122) .drop {
  width: 100%;
  height: 59px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1176ms -684ms linear infinite;
          animation: drop 1176ms -684ms linear infinite;
}
.rain_line:nth-child(123) {
  left: 23%;
  transform: translateZ(-217px);
  opacity: 0.784;
}
.rain_line:nth-child(123) .drop {
  width: 100%;
  height: 40px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1024ms -395ms linear infinite;
          animation: drop 1024ms -395ms linear infinite;
}
.rain_line:nth-child(124) {
  left: 83%;
  transform: translateZ(-566px);
  opacity: 0.435;
}
.rain_line:nth-child(124) .drop {
  width: 100%;
  height: 40px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1123ms -1569ms linear infinite;
          animation: drop 1123ms -1569ms linear infinite;
}
.rain_line:nth-child(125) {
  left: 65%;
  transform: translateZ(-708px);
  opacity: 0.293;
}
.rain_line:nth-child(125) .drop {
  width: 100%;
  height: 56px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1026ms -986ms linear infinite;
          animation: drop 1026ms -986ms linear infinite;
}
.rain_line:nth-child(126) {
  left: 37%;
  transform: translateZ(-955px);
  opacity: 0.046;
}
.rain_line:nth-child(126) .drop {
  width: 100%;
  height: 61px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1175ms -532ms linear infinite;
          animation: drop 1175ms -532ms linear infinite;
}
.rain_line:nth-child(127) {
  left: 71%;
  transform: translateZ(-970px);
  opacity: 0.031;
}
.rain_line:nth-child(127) .drop {
  width: 100%;
  height: 54px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1171ms -1008ms linear infinite;
          animation: drop 1171ms -1008ms linear infinite;
}
.rain_line:nth-child(128) {
  left: 92%;
  transform: translateZ(-223px);
  opacity: 0.778;
}
.rain_line:nth-child(128) .drop {
  width: 100%;
  height: 38px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1028ms -76ms linear infinite;
          animation: drop 1028ms -76ms linear infinite;
}
.rain_line:nth-child(129) {
  left: 63%;
  transform: translateZ(-84px);
  opacity: 0.917;
}
.rain_line:nth-child(129) .drop {
  width: 100%;
  height: 66px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1023ms -1882ms linear infinite;
          animation: drop 1023ms -1882ms linear infinite;
}
.rain_line:nth-child(130) {
  left: 52%;
  transform: translateZ(-593px);
  opacity: 0.408;
}
.rain_line:nth-child(130) .drop {
  width: 100%;
  height: 46px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1024ms -1298ms linear infinite;
          animation: drop 1024ms -1298ms linear infinite;
}
.rain_line:nth-child(131) {
  left: 65%;
  transform: translateZ(-253px);
  opacity: 0.748;
}
.rain_line:nth-child(131) .drop {
  width: 100%;
  height: 66px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1173ms -1778ms linear infinite;
          animation: drop 1173ms -1778ms linear infinite;
}
.rain_line:nth-child(132) {
  left: 43%;
  transform: translateZ(-147px);
  opacity: 0.854;
}
.rain_line:nth-child(132) .drop {
  width: 100%;
  height: 50px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1070ms -839ms linear infinite;
          animation: drop 1070ms -839ms linear infinite;
}
.rain_line:nth-child(133) {
  left: 12%;
  transform: translateZ(-304px);
  opacity: 0.697;
}
.rain_line:nth-child(133) .drop {
  width: 100%;
  height: 68px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1029ms -203ms linear infinite;
          animation: drop 1029ms -203ms linear infinite;
}
.rain_line:nth-child(134) {
  left: 62%;
  transform: translateZ(-300px);
  opacity: 0.701;
}
.rain_line:nth-child(134) .drop {
  width: 100%;
  height: 71px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1021ms -466ms linear infinite;
          animation: drop 1021ms -466ms linear infinite;
}
.rain_line:nth-child(135) {
  left: 48%;
  transform: translateZ(-227px);
  opacity: 0.774;
}
.rain_line:nth-child(135) .drop {
  width: 100%;
  height: 66px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1139ms -861ms linear infinite;
          animation: drop 1139ms -861ms linear infinite;
}
.rain_line:nth-child(136) {
  left: 60%;
  transform: translateZ(-374px);
  opacity: 0.627;
}
.rain_line:nth-child(136) .drop {
  width: 100%;
  height: 68px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1096ms -1346ms linear infinite;
          animation: drop 1096ms -1346ms linear infinite;
}
.rain_line:nth-child(137) {
  left: 50%;
  transform: translateZ(-837px);
  opacity: 0.164;
}
.rain_line:nth-child(137) .drop {
  width: 100%;
  height: 71px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1115ms -1818ms linear infinite;
          animation: drop 1115ms -1818ms linear infinite;
}
.rain_line:nth-child(138) {
  left: 65%;
  transform: translateZ(-794px);
  opacity: 0.207;
}
.rain_line:nth-child(138) .drop {
  width: 100%;
  height: 50px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1049ms -852ms linear infinite;
          animation: drop 1049ms -852ms linear infinite;
}
.rain_line:nth-child(139) {
  left: 93%;
  transform: translateZ(-327px);
  opacity: 0.674;
}
.rain_line:nth-child(139) .drop {
  width: 100%;
  height: 53px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1102ms -811ms linear infinite;
          animation: drop 1102ms -811ms linear infinite;
}
.rain_line:nth-child(140) {
  left: 24%;
  transform: translateZ(-493px);
  opacity: 0.508;
}
.rain_line:nth-child(140) .drop {
  width: 100%;
  height: 78px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1020ms -83ms linear infinite;
          animation: drop 1020ms -83ms linear infinite;
}
.rain_line:nth-child(141) {
  left: 38%;
  transform: translateZ(-449px);
  opacity: 0.552;
}
.rain_line:nth-child(141) .drop {
  width: 100%;
  height: 65px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1084ms -721ms linear infinite;
          animation: drop 1084ms -721ms linear infinite;
}
.rain_line:nth-child(142) {
  left: 21%;
  transform: translateZ(-794px);
  opacity: 0.207;
}
.rain_line:nth-child(142) .drop {
  width: 100%;
  height: 52px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1088ms -1838ms linear infinite;
          animation: drop 1088ms -1838ms linear infinite;
}
.rain_line:nth-child(143) {
  left: 51%;
  transform: translateZ(-223px);
  opacity: 0.778;
}
.rain_line:nth-child(143) .drop {
  width: 100%;
  height: 51px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1150ms -974ms linear infinite;
          animation: drop 1150ms -974ms linear infinite;
}
.rain_line:nth-child(144) {
  left: 100%;
  transform: translateZ(-714px);
  opacity: 0.287;
}
.rain_line:nth-child(144) .drop {
  width: 100%;
  height: 37px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1123ms -958ms linear infinite;
          animation: drop 1123ms -958ms linear infinite;
}
.rain_line:nth-child(145) {
  left: 63%;
  transform: translateZ(-481px);
  opacity: 0.52;
}
.rain_line:nth-child(145) .drop {
  width: 100%;
  height: 52px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1112ms -1599ms linear infinite;
          animation: drop 1112ms -1599ms linear infinite;
}
.rain_line:nth-child(146) {
  left: 36%;
  transform: translateZ(-21px);
  opacity: 0.98;
}
.rain_line:nth-child(146) .drop {
  width: 100%;
  height: 59px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1191ms -1873ms linear infinite;
          animation: drop 1191ms -1873ms linear infinite;
}
.rain_line:nth-child(147) {
  left: 62%;
  transform: translateZ(-868px);
  opacity: 0.133;
}
.rain_line:nth-child(147) .drop {
  width: 100%;
  height: 40px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1071ms -103ms linear infinite;
          animation: drop 1071ms -103ms linear infinite;
}
.rain_line:nth-child(148) {
  left: 8%;
  transform: translateZ(-488px);
  opacity: 0.513;
}
.rain_line:nth-child(148) .drop {
  width: 100%;
  height: 77px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1055ms -1428ms linear infinite;
          animation: drop 1055ms -1428ms linear infinite;
}
.rain_line:nth-child(149) {
  left: 22%;
  transform: translateZ(-623px);
  opacity: 0.378;
}
.rain_line:nth-child(149) .drop {
  width: 100%;
  height: 55px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1134ms -1824ms linear infinite;
          animation: drop 1134ms -1824ms linear infinite;
}
.rain_line:nth-child(150) {
  left: 100%;
  transform: translateZ(-789px);
  opacity: 0.212;
}
.rain_line:nth-child(150) .drop {
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, #c8c8c8 70%, rgba(200, 200, 200, 0) 100%);
  -webkit-animation: drop 1145ms -1336ms linear infinite;
          animation: drop 1145ms -1336ms linear infinite;
}

@-webkit-keyframes drop {
  0% {
    transform: translateY(0vh);
  }
  50% {
    transform: translateY(100vh);
  }
  100% {
    transform: translateY(100vh);
  }
}

@keyframes drop {
  0% {
    transform: translateY(0vh);
  }
  50% {
    transform: translateY(100vh);
  }
  100% {
    transform: translateY(100vh);
  }
}
@-webkit-keyframes rotate {
  0% {
    transform: rotateY(50deg);
  }
  100% {
    transform: rotateY(-50deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotateY(50deg);
  }
  100% {
    transform: rotateY(-50deg);
  }
}