*{margin:0;padding:0;list-style-type:none;}
body {
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  height: 100vh;
  overflow: hidden;
  display: flex;
  font-family: "Anton", sans-serif;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
}

.wave {
  display: flex;
  filter: drop-shadow(120px 0 0px rgba(149, 191, 218, 0.5));
  margin-bottom: 10px;
}

.window {
  position: relative;
  width: 40px;
  height: 200px;
  margin: 10px;
  border-radius: 3px;
  overflow: hidden;
}
.window::before {
  content: "wave";
  position: absolute;
  top: 50%;
  left: -100%;
  width: 300%;
  height: 100%;
  background: #95bfda;
  -webkit-animation: upDown 2000ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate, wave 2000ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
          animation: upDown 2000ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate, wave 2000ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
  color: #fff;
  font-size: 20px;
}
.window:nth-child(1)::before {
  -webkit-animation-delay: -500ms, -3500ms;
          animation-delay: -500ms, -3500ms;
}
.window:nth-child(2)::before {
  -webkit-animation-delay: -1000ms, -4000ms;
          animation-delay: -1000ms, -4000ms;
}
.window:nth-child(3)::before {
  -webkit-animation-delay: -1500ms, -4500ms;
          animation-delay: -1500ms, -4500ms;
}
.window:nth-child(4)::before {
  -webkit-animation-delay: -2000ms, -5000ms;
          animation-delay: -2000ms, -5000ms;
}
.window:nth-child(5)::before {
  -webkit-animation-delay: -2500ms, -5500ms;
          animation-delay: -2500ms, -5500ms;
}
.window:nth-child(6)::before {
  -webkit-animation-delay: -3000ms, -6000ms;
          animation-delay: -3000ms, -6000ms;
}
.window:nth-child(7)::before {
  -webkit-animation-delay: -3500ms, -6500ms;
          animation-delay: -3500ms, -6500ms;
}
.window:nth-child(8)::before {
  -webkit-animation-delay: -4000ms, -7000ms;
          animation-delay: -4000ms, -7000ms;
}
.window:nth-child(9)::before {
  -webkit-animation-delay: -4500ms, -7500ms;
          animation-delay: -4500ms, -7500ms;
}
.window:nth-child(10)::before {
  -webkit-animation-delay: -5000ms, -8000ms;
          animation-delay: -5000ms, -8000ms;
}
.window:nth-child(11)::before {
  -webkit-animation-delay: -5500ms, -8500ms;
          animation-delay: -5500ms, -8500ms;
}
.window:nth-child(12)::before {
  -webkit-animation-delay: -6000ms, -9000ms;
          animation-delay: -6000ms, -9000ms;
}
.window:nth-child(13)::before {
  -webkit-animation-delay: -6500ms, -9500ms;
          animation-delay: -6500ms, -9500ms;
}
.window:nth-child(14)::before {
  -webkit-animation-delay: -7000ms, -10000ms;
          animation-delay: -7000ms, -10000ms;
}
.window:nth-child(15)::before {
  -webkit-animation-delay: -7500ms, -10500ms;
          animation-delay: -7500ms, -10500ms;
}
.window:nth-child(16)::before {
  -webkit-animation-delay: -8000ms, -11000ms;
          animation-delay: -8000ms, -11000ms;
}
.window:nth-child(17)::before {
  -webkit-animation-delay: -8500ms, -11500ms;
          animation-delay: -8500ms, -11500ms;
}
.window:nth-child(18)::before {
  -webkit-animation-delay: -9000ms, -12000ms;
          animation-delay: -9000ms, -12000ms;
}
.window:nth-child(19)::before {
  -webkit-animation-delay: -9500ms, -12500ms;
          animation-delay: -9500ms, -12500ms;
}
.window:nth-child(20)::before {
  -webkit-animation-delay: -10000ms, -13000ms;
          animation-delay: -10000ms, -13000ms;
}
.window:nth-child(21)::before {
  -webkit-animation-delay: -10500ms, -13500ms;
          animation-delay: -10500ms, -13500ms;
}
.window:nth-child(22)::before {
  -webkit-animation-delay: -11000ms, -14000ms;
          animation-delay: -11000ms, -14000ms;
}
.window:nth-child(23)::before {
  -webkit-animation-delay: -11500ms, -14500ms;
          animation-delay: -11500ms, -14500ms;
}
.window:nth-child(24)::before {
  -webkit-animation-delay: -12000ms, -15000ms;
          animation-delay: -12000ms, -15000ms;
}
.window:nth-child(25)::before {
  -webkit-animation-delay: -12500ms, -15500ms;
          animation-delay: -12500ms, -15500ms;
}
.window:nth-child(26)::before {
  -webkit-animation-delay: -13000ms, -16000ms;
          animation-delay: -13000ms, -16000ms;
}
.window:nth-child(27)::before {
  -webkit-animation-delay: -13500ms, -16500ms;
          animation-delay: -13500ms, -16500ms;
}
.window:nth-child(28)::before {
  -webkit-animation-delay: -14000ms, -17000ms;
          animation-delay: -14000ms, -17000ms;
}
.window:nth-child(29)::before {
  -webkit-animation-delay: -14500ms, -17500ms;
          animation-delay: -14500ms, -17500ms;
}
.window:nth-child(30)::before {
  -webkit-animation-delay: -15000ms, -18000ms;
          animation-delay: -15000ms, -18000ms;
}
.window:nth-child(31)::before {
  -webkit-animation-delay: -15500ms, -18500ms;
          animation-delay: -15500ms, -18500ms;
}
.window:nth-child(32)::before {
  -webkit-animation-delay: -16000ms, -19000ms;
          animation-delay: -16000ms, -19000ms;
}
.window:nth-child(33)::before {
  -webkit-animation-delay: -16500ms, -19500ms;
          animation-delay: -16500ms, -19500ms;
}
.window:nth-child(34)::before {
  -webkit-animation-delay: -17000ms, -20000ms;
          animation-delay: -17000ms, -20000ms;
}
.window:nth-child(35)::before {
  -webkit-animation-delay: -17500ms, -20500ms;
          animation-delay: -17500ms, -20500ms;
}
.window:nth-child(36)::before {
  -webkit-animation-delay: -18000ms, -21000ms;
          animation-delay: -18000ms, -21000ms;
}
.window:nth-child(37)::before {
  -webkit-animation-delay: -18500ms, -21500ms;
          animation-delay: -18500ms, -21500ms;
}
.window:nth-child(38)::before {
  -webkit-animation-delay: -19000ms, -22000ms;
          animation-delay: -19000ms, -22000ms;
}
.window:nth-child(39)::before {
  -webkit-animation-delay: -19500ms, -22500ms;
          animation-delay: -19500ms, -22500ms;
}
.window:nth-child(40)::before {
  -webkit-animation-delay: -20000ms, -23000ms;
          animation-delay: -20000ms, -23000ms;
}
.window:nth-child(41)::before {
  -webkit-animation-delay: -20500ms, -23500ms;
          animation-delay: -20500ms, -23500ms;
}
.window:nth-child(42)::before {
  -webkit-animation-delay: -21000ms, -24000ms;
          animation-delay: -21000ms, -24000ms;
}
.window:nth-child(43)::before {
  -webkit-animation-delay: -21500ms, -24500ms;
          animation-delay: -21500ms, -24500ms;
}
.window:nth-child(44)::before {
  -webkit-animation-delay: -22000ms, -25000ms;
          animation-delay: -22000ms, -25000ms;
}
.window:nth-child(45)::before {
  -webkit-animation-delay: -22500ms, -25500ms;
          animation-delay: -22500ms, -25500ms;
}
.window:nth-child(46)::before {
  -webkit-animation-delay: -23000ms, -26000ms;
          animation-delay: -23000ms, -26000ms;
}
.window:nth-child(47)::before {
  -webkit-animation-delay: -23500ms, -26500ms;
          animation-delay: -23500ms, -26500ms;
}
.window:nth-child(48)::before {
  -webkit-animation-delay: -24000ms, -27000ms;
          animation-delay: -24000ms, -27000ms;
}
.window:nth-child(49)::before {
  -webkit-animation-delay: -24500ms, -27500ms;
          animation-delay: -24500ms, -27500ms;
}
.window:nth-child(50)::before {
  -webkit-animation-delay: -25000ms, -28000ms;
          animation-delay: -25000ms, -28000ms;
}
.window:nth-child(51)::before {
  -webkit-animation-delay: -25500ms, -28500ms;
          animation-delay: -25500ms, -28500ms;
}
.window:nth-child(52)::before {
  -webkit-animation-delay: -26000ms, -29000ms;
          animation-delay: -26000ms, -29000ms;
}
.window:nth-child(53)::before {
  -webkit-animation-delay: -26500ms, -29500ms;
          animation-delay: -26500ms, -29500ms;
}
.window:nth-child(54)::before {
  -webkit-animation-delay: -27000ms, -30000ms;
          animation-delay: -27000ms, -30000ms;
}
.window:nth-child(55)::before {
  -webkit-animation-delay: -27500ms, -30500ms;
          animation-delay: -27500ms, -30500ms;
}
.window:nth-child(56)::before {
  -webkit-animation-delay: -28000ms, -31000ms;
          animation-delay: -28000ms, -31000ms;
}
.window:nth-child(57)::before {
  -webkit-animation-delay: -28500ms, -31500ms;
          animation-delay: -28500ms, -31500ms;
}
.window:nth-child(58)::before {
  -webkit-animation-delay: -29000ms, -32000ms;
          animation-delay: -29000ms, -32000ms;
}
.window:nth-child(59)::before {
  -webkit-animation-delay: -29500ms, -32500ms;
          animation-delay: -29500ms, -32500ms;
}
.window:nth-child(60)::before {
  -webkit-animation-delay: -30000ms, -33000ms;
          animation-delay: -30000ms, -33000ms;
}
.window:nth-child(61)::before {
  -webkit-animation-delay: -30500ms, -33500ms;
          animation-delay: -30500ms, -33500ms;
}
.window:nth-child(62)::before {
  -webkit-animation-delay: -31000ms, -34000ms;
          animation-delay: -31000ms, -34000ms;
}
.window:nth-child(63)::before {
  -webkit-animation-delay: -31500ms, -34500ms;
          animation-delay: -31500ms, -34500ms;
}
.window:nth-child(64)::before {
  -webkit-animation-delay: -32000ms, -35000ms;
          animation-delay: -32000ms, -35000ms;
}
.window:nth-child(65)::before {
  -webkit-animation-delay: -32500ms, -35500ms;
          animation-delay: -32500ms, -35500ms;
}
.window:nth-child(66)::before {
  -webkit-animation-delay: -33000ms, -36000ms;
          animation-delay: -33000ms, -36000ms;
}
.window:nth-child(67)::before {
  -webkit-animation-delay: -33500ms, -36500ms;
          animation-delay: -33500ms, -36500ms;
}
.window:nth-child(68)::before {
  -webkit-animation-delay: -34000ms, -37000ms;
          animation-delay: -34000ms, -37000ms;
}
.window:nth-child(69)::before {
  -webkit-animation-delay: -34500ms, -37500ms;
          animation-delay: -34500ms, -37500ms;
}
.window:nth-child(70)::before {
  -webkit-animation-delay: -35000ms, -38000ms;
          animation-delay: -35000ms, -38000ms;
}
.window:nth-child(71)::before {
  -webkit-animation-delay: -35500ms, -38500ms;
          animation-delay: -35500ms, -38500ms;
}
.window:nth-child(72)::before {
  -webkit-animation-delay: -36000ms, -39000ms;
          animation-delay: -36000ms, -39000ms;
}
.window:nth-child(73)::before {
  -webkit-animation-delay: -36500ms, -39500ms;
          animation-delay: -36500ms, -39500ms;
}
.window:nth-child(74)::before {
  -webkit-animation-delay: -37000ms, -40000ms;
          animation-delay: -37000ms, -40000ms;
}
.window:nth-child(75)::before {
  -webkit-animation-delay: -37500ms, -40500ms;
          animation-delay: -37500ms, -40500ms;
}
.window:nth-child(76)::before {
  -webkit-animation-delay: -38000ms, -41000ms;
          animation-delay: -38000ms, -41000ms;
}
.window:nth-child(77)::before {
  -webkit-animation-delay: -38500ms, -41500ms;
          animation-delay: -38500ms, -41500ms;
}
.window:nth-child(78)::before {
  -webkit-animation-delay: -39000ms, -42000ms;
          animation-delay: -39000ms, -42000ms;
}
.window:nth-child(79)::before {
  -webkit-animation-delay: -39500ms, -42500ms;
          animation-delay: -39500ms, -42500ms;
}
.window:nth-child(80)::before {
  -webkit-animation-delay: -40000ms, -43000ms;
          animation-delay: -40000ms, -43000ms;
}
.window:nth-child(81)::before {
  -webkit-animation-delay: -40500ms, -43500ms;
          animation-delay: -40500ms, -43500ms;
}
.window:nth-child(82)::before {
  -webkit-animation-delay: -41000ms, -44000ms;
          animation-delay: -41000ms, -44000ms;
}
.window:nth-child(83)::before {
  -webkit-animation-delay: -41500ms, -44500ms;
          animation-delay: -41500ms, -44500ms;
}
.window:nth-child(84)::before {
  -webkit-animation-delay: -42000ms, -45000ms;
          animation-delay: -42000ms, -45000ms;
}
.window:nth-child(85)::before {
  -webkit-animation-delay: -42500ms, -45500ms;
          animation-delay: -42500ms, -45500ms;
}
.window:nth-child(86)::before {
  -webkit-animation-delay: -43000ms, -46000ms;
          animation-delay: -43000ms, -46000ms;
}
.window:nth-child(87)::before {
  -webkit-animation-delay: -43500ms, -46500ms;
          animation-delay: -43500ms, -46500ms;
}
.window:nth-child(88)::before {
  -webkit-animation-delay: -44000ms, -47000ms;
          animation-delay: -44000ms, -47000ms;
}
.window:nth-child(89)::before {
  -webkit-animation-delay: -44500ms, -47500ms;
          animation-delay: -44500ms, -47500ms;
}
.window:nth-child(90)::before {
  -webkit-animation-delay: -45000ms, -48000ms;
          animation-delay: -45000ms, -48000ms;
}
.window:nth-child(91)::before {
  -webkit-animation-delay: -45500ms, -48500ms;
          animation-delay: -45500ms, -48500ms;
}
.window:nth-child(92)::before {
  -webkit-animation-delay: -46000ms, -49000ms;
          animation-delay: -46000ms, -49000ms;
}
.window:nth-child(93)::before {
  -webkit-animation-delay: -46500ms, -49500ms;
          animation-delay: -46500ms, -49500ms;
}
.window:nth-child(94)::before {
  -webkit-animation-delay: -47000ms, -50000ms;
          animation-delay: -47000ms, -50000ms;
}
.window:nth-child(95)::before {
  -webkit-animation-delay: -47500ms, -50500ms;
          animation-delay: -47500ms, -50500ms;
}
.window:nth-child(96)::before {
  -webkit-animation-delay: -48000ms, -51000ms;
          animation-delay: -48000ms, -51000ms;
}
.window:nth-child(97)::before {
  -webkit-animation-delay: -48500ms, -51500ms;
          animation-delay: -48500ms, -51500ms;
}
.window:nth-child(98)::before {
  -webkit-animation-delay: -49000ms, -52000ms;
          animation-delay: -49000ms, -52000ms;
}
.window:nth-child(99)::before {
  -webkit-animation-delay: -49500ms, -52500ms;
          animation-delay: -49500ms, -52500ms;
}
.window:nth-child(100)::before {
  -webkit-animation-delay: -50000ms, -53000ms;
          animation-delay: -50000ms, -53000ms;
}

@-webkit-keyframes wave {
  0% {
    transform: rotateZ(-20deg);
  }
  100% {
    transform: rotateZ(20deg);
  }
}

@keyframes wave {
  0% {
    transform: rotateZ(-20deg);
  }
  100% {
    transform: rotateZ(20deg);
  }
}
@-webkit-keyframes upDown {
  0% {
    top: 70%;
  }
  100% {
    top: 30%;
  }
}
@keyframes upDown {
  0% {
    top: 70%;
  }
  100% {
    top: 30%;
  }
}