body {
  background: transparent;
}

.equaleffect {
  margin: 0 auto 0;
  width: 100%;
  height: 200px;
  display: flex;
  align-items: flex-end;
  position: absolute;
  bottom: 0;


}
.equaleffectmini {
  margin: 0 auto 0;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: flex-end;
  bottom: 0;


}

.bar {
  width: 100%;
  min-height: 10px;
  margin-right: 0.2%;
  border-radius: 10px 10px 0 0;
  opacity: 70%;
  transition: background-color 1s; 

}

.bar:nth-child(0) {
  background-color: #67ccfe;
  -webkit-animation: grow0 2965ms alternate infinite;
          animation: grow0 2965ms alternate infinite;
}

@-webkit-keyframes grow0 {
  0% {
    height: 234px;
  }
  10% {
    height: 144px;
  }
  20% {
    height: 139px;
  }
  30% {
    height: 140px;
  }
  40% {
    height: 127px;
  }
  50% {
    height: 189px;
  }
  60% {
    height: 252px;
  }
  70% {
    height: 135px;
  }
  80% {
    height: 263px;
  }
  90% {
    height: 103px;
  }
  100% {
    height: 157px;
  }
}

@keyframes grow0 {
  0% {
    height: 234px;
  }
  10% {
    height: 144px;
  }
  20% {
    height: 139px;
  }
  30% {
    height: 140px;
  }
  40% {
    height: 127px;
  }
  50% {
    height: 189px;
  }
  60% {
    height: 252px;
  }
  70% {
    height: 135px;
  }
  80% {
    height: 263px;
  }
  90% {
    height: 103px;
  }
  100% {
    height: 157px;
  }
}
.bar:nth-child(1) {
  background-color: #68cbfd;
  -webkit-animation: grow1 2113ms alternate infinite;
          animation: grow1 2113ms alternate infinite;
}

@-webkit-keyframes grow1 {
  0% {
    height: 66px;
  }
  10% {
    height: 3px;
  }
  20% {
    height: 219px;
  }
  30% {
    height: 18px;
  }
  40% {
    height: 265px;
  }
  50% {
    height: 256px;
  }
  60% {
    height: 101px;
  }
  70% {
    height: 102px;
  }
  80% {
    height: 283px;
  }
  90% {
    height: 188px;
  }
  100% {
    height: 128px;
  }
}

@keyframes grow1 {
  0% {
    height: 66px;
  }
  10% {
    height: 3px;
  }
  20% {
    height: 219px;
  }
  30% {
    height: 18px;
  }
  40% {
    height: 265px;
  }
  50% {
    height: 256px;
  }
  60% {
    height: 101px;
  }
  70% {
    height: 102px;
  }
  80% {
    height: 283px;
  }
  90% {
    height: 188px;
  }
  100% {
    height: 128px;
  }
}
.bar:nth-child(2) {
  background-color: #68cbfd;
  -webkit-animation: grow2 2880ms alternate infinite;
          animation: grow2 2880ms alternate infinite;
}

@-webkit-keyframes grow2 {
  0% {
    height: 121px;
  }
  10% {
    height: 151px;
  }
  20% {
    height: 58px;
  }
  30% {
    height: 164px;
  }
  40% {
    height: 26px;
  }
  50% {
    height: 109px;
  }
  60% {
    height: 195px;
  }
  70% {
    height: 13px;
  }
  80% {
    height: 136px;
  }
  90% {
    height: 33px;
  }
  100% {
    height: 61px;
  }
}

@keyframes grow2 {
  0% {
    height: 121px;
  }
  10% {
    height: 151px;
  }
  20% {
    height: 58px;
  }
  30% {
    height: 164px;
  }
  40% {
    height: 26px;
  }
  50% {
    height: 109px;
  }
  60% {
    height: 195px;
  }
  70% {
    height: 13px;
  }
  80% {
    height: 136px;
  }
  90% {
    height: 33px;
  }
  100% {
    height: 61px;
  }
}
.bar:nth-child(3) {
  background-color: #69cbfc;
  -webkit-animation: grow3 2351ms alternate infinite;
          animation: grow3 2351ms alternate infinite;
}

@-webkit-keyframes grow3 {
  0% {
    height: 71px;
  }
  10% {
    height: 209px;
  }
  20% {
    height: 34px;
  }
  30% {
    height: 55px;
  }
  40% {
    height: 26px;
  }
  50% {
    height: 255px;
  }
  60% {
    height: 176px;
  }
  70% {
    height: 264px;
  }
  80% {
    height: 95px;
  }
  90% {
    height: 60px;
  }
  100% {
    height: 230px;
  }
}

@keyframes grow3 {
  0% {
    height: 71px;
  }
  10% {
    height: 209px;
  }
  20% {
    height: 34px;
  }
  30% {
    height: 55px;
  }
  40% {
    height: 26px;
  }
  50% {
    height: 255px;
  }
  60% {
    height: 176px;
  }
  70% {
    height: 264px;
  }
  80% {
    height: 95px;
  }
  90% {
    height: 60px;
  }
  100% {
    height: 230px;
  }
}
.bar:nth-child(4) {
  background-color: #6acbfb;
  -webkit-animation: grow4 2643ms alternate infinite;
          animation: grow4 2643ms alternate infinite;
}

@-webkit-keyframes grow4 {
  0% {
    height: 236px;
  }
  10% {
    height: 4px;
  }
  20% {
    height: 149px;
  }
  30% {
    height: 181px;
  }
  40% {
    height: 187px;
  }
  50% {
    height: 170px;
  }
  60% {
    height: 170px;
  }
  70% {
    height: 72px;
  }
  80% {
    height: 139px;
  }
  90% {
    height: 234px;
  }
  100% {
    height: 86px;
  }
}

@keyframes grow4 {
  0% {
    height: 236px;
  }
  10% {
    height: 4px;
  }
  20% {
    height: 149px;
  }
  30% {
    height: 181px;
  }
  40% {
    height: 187px;
  }
  50% {
    height: 170px;
  }
  60% {
    height: 170px;
  }
  70% {
    height: 72px;
  }
  80% {
    height: 139px;
  }
  90% {
    height: 234px;
  }
  100% {
    height: 86px;
  }
}
.bar:nth-child(5) {
  background-color: #6bcafa;
  -webkit-animation: grow5 2411ms alternate infinite;
          animation: grow5 2411ms alternate infinite;
}

@-webkit-keyframes grow5 {
  0% {
    height: 88px;
  }
  10% {
    height: 31px;
  }
  20% {
    height: 118px;
  }
  30% {
    height: 115px;
  }
  40% {
    height: 31px;
  }
  50% {
    height: 22px;
  }
  60% {
    height: 186px;
  }
  70% {
    height: 85px;
  }
  80% {
    height: 142px;
  }
  90% {
    height: 268px;
  }
  100% {
    height: 179px;
  }
}

@keyframes grow5 {
  0% {
    height: 88px;
  }
  10% {
    height: 31px;
  }
  20% {
    height: 118px;
  }
  30% {
    height: 115px;
  }
  40% {
    height: 31px;
  }
  50% {
    height: 22px;
  }
  60% {
    height: 186px;
  }
  70% {
    height: 85px;
  }
  80% {
    height: 142px;
  }
  90% {
    height: 268px;
  }
  100% {
    height: 179px;
  }
}
.bar:nth-child(6) {
  background-color: #6bcafa;
  -webkit-animation: grow6 2357ms alternate infinite;
          animation: grow6 2357ms alternate infinite;
}

@-webkit-keyframes grow6 {
  0% {
    height: 7px;
  }
  10% {
    height: 152px;
  }
  20% {
    height: 34px;
  }
  30% {
    height: 208px;
  }
  40% {
    height: 84px;
  }
  50% {
    height: 66px;
  }
  60% {
    height: 228px;
  }
  70% {
    height: 152px;
  }
  80% {
    height: 4px;
  }
  90% {
    height: 187px;
  }
  100% {
    height: 53px;
  }
}

@keyframes grow6 {
  0% {
    height: 7px;
  }
  10% {
    height: 152px;
  }
  20% {
    height: 34px;
  }
  30% {
    height: 208px;
  }
  40% {
    height: 84px;
  }
  50% {
    height: 66px;
  }
  60% {
    height: 228px;
  }
  70% {
    height: 152px;
  }
  80% {
    height: 4px;
  }
  90% {
    height: 187px;
  }
  100% {
    height: 53px;
  }
}
.bar:nth-child(7) {
  background-color: #6ccaf9;
  -webkit-animation: grow7 2558ms alternate infinite;
          animation: grow7 2558ms alternate infinite;
}

@-webkit-keyframes grow7 {
  0% {
    height: 129px;
  }
  10% {
    height: 152px;
  }
  20% {
    height: 129px;
  }
  30% {
    height: 38px;
  }
  40% {
    height: 165px;
  }
  50% {
    height: 240px;
  }
  60% {
    height: 225px;
  }
  70% {
    height: 291px;
  }
  80% {
    height: 212px;
  }
  90% {
    height: 274px;
  }
  100% {
    height: 81px;
  }
}

@keyframes grow7 {
  0% {
    height: 129px;
  }
  10% {
    height: 152px;
  }
  20% {
    height: 129px;
  }
  30% {
    height: 38px;
  }
  40% {
    height: 165px;
  }
  50% {
    height: 240px;
  }
  60% {
    height: 225px;
  }
  70% {
    height: 291px;
  }
  80% {
    height: 212px;
  }
  90% {
    height: 274px;
  }
  100% {
    height: 81px;
  }
}
.bar:nth-child(8) {
  background-color: #6dcaf8;
  -webkit-animation: grow8 2721ms alternate infinite;
          animation: grow8 2721ms alternate infinite;
}

@-webkit-keyframes grow8 {
  0% {
    height: 133px;
  }
  10% {

    height: 62px;
  }
  20% {
    height: 212px;
  }
  30% {
    height: 4px;
  }
  40% {
    height: 229px;
  }
  50% {
    height: 165px;
  }
  60% {
    height: 7px;
  }
  70% {
    height: 15px;
  }
  80% {
    height: 123px;
  }
  90% {
    height: 82px;
  }
  100% {
    height: 59px;
  }
}

@keyframes grow8 {
  0% {
    height: 133px;
  }
  10% {
    height: 62px;
  }
  20% {
    height: 212px;
  }
  30% {
    height: 4px;
  }
  40% {
    height: 229px;
  }
  50% {
    height: 165px;
  }
  60% {
    height: 7px;
  }
  70% {
    height: 15px;
  }
  80% {
    height: 123px;
  }
  90% {
    height: 82px;
  }
  100% {
    height: 59px;
  }
}
.bar:nth-child(9) {
  background-color: #6ec9f7;
  -webkit-animation: grow9 2237ms alternate infinite;
          animation: grow9 2237ms alternate infinite;
}

@-webkit-keyframes grow9 {
  0% {
    height: 49px;
  }
  10% {
    height: 195px;
  }
  20% {
    height: 209px;
  }
  30% {
    height: 159px;
  }
  40% {
    height: 54px;
  }
  50% {
    height: 179px;
  }
  60% {
    height: 41px;
  }
  70% {
    height: 274px;
  }
  80% {
    height: 286px;
  }
  90% {
    height: 162px;
  }
  100% {
    height: 290px;
  }
}

@keyframes grow9 {
  0% {
    height: 49px;
  }
  10% {
    height: 195px;
  }
  20% {
    height: 209px;
  }
  30% {
    height: 159px;
  }
  40% {
    height: 54px;
  }
  50% {
    height: 179px;
  }
  60% {
    height: 41px;
  }
  70% {
    height: 274px;
  }
  80% {
    height: 286px;
  }
  90% {
    height: 162px;
  }
  100% {
    height: 290px;
  }
}
.bar:nth-child(10) {
  background-color: #6ec9f7;
  -webkit-animation: grow10 2887ms alternate infinite;
          animation: grow10 2887ms alternate infinite;
}

@-webkit-keyframes grow10 {
  0% {
    height: 188px;
  }
  10% {
    height: 39px;
  }
  20% {
    height: 181px;
  }
  30% {
    height: 57px;
  }
  40% {
    height: 265px;
  }
  50% {
    height: 108px;
  }
  60% {
    height: 164px;
  }
  70% {
    height: 246px;
  }
  80% {
    height: 133px;
  }
  90% {
    height: 254px;
  }
  100% {
    height: 197px;
  }
}

@keyframes grow10 {
  0% {
    height: 188px;
  }
  10% {
    height: 39px;
  }
  20% {
    height: 181px;
  }
  30% {
    height: 57px;
  }
  40% {
    height: 265px;
  }
  50% {
    height: 108px;
  }
  60% {
    height: 164px;
  }
  70% {
    height: 246px;
  }
  80% {
    height: 133px;
  }
  90% {
    height: 254px;
  }
  100% {
    height: 197px;
  }
}
.bar:nth-child(11) {
  background-color: #6fc9f6;
  -webkit-animation: grow11 2191ms alternate infinite;
          animation: grow11 2191ms alternate infinite;
}

@-webkit-keyframes grow11 {
  0% {
    height: 187px;
  }
  10% {
    height: 170px;
  }
  20% {
    height: 106px;
  }
  30% {
    height: 71px;
  }
  40% {
    height: 45px;
  }
  50% {
    height: 95px;
  }
  60% {
    height: 27px;
  }
  70% {
    height: 69px;
  }
  80% {
    height: 185px;
  }
  90% {
    height: 40px;
  }
  100% {
    height: 36px;
  }
}

@keyframes grow11 {
  0% {
    height: 187px;
  }
  10% {
    height: 170px;
  }
  20% {
    height: 106px;
  }
  30% {
    height: 71px;
  }
  40% {
    height: 45px;
  }
  50% {
    height: 95px;
  }
  60% {
    height: 27px;
  }
  70% {
    height: 69px;
  }
  80% {
    height: 185px;
  }
  90% {
    height: 40px;
  }
  100% {
    height: 36px;
  }
}
.bar:nth-child(12) {
  background-color: #70c9f5;
  -webkit-animation: grow12 2606ms alternate infinite;
          animation: grow12 2606ms alternate infinite;
}

@-webkit-keyframes grow12 {
  0% {
    height: 124px;
  }
  10% {
    height: 227px;
  }
  20% {
    height: 79px;
  }
  30% {
    height: 46px;
  }
  40% {
    height: 120px;
  }
  50% {
    height: 173px;
  }
  60% {
    height: 199px;
  }
  70% {
    height: 37px;
  }
  80% {
    height: 50px;
  }
  90% {
    height: 297px;
  }
  100% {
    height: 283px;
  }
}

@keyframes grow12 {
  0% {
    height: 124px;
  }
  10% {
    height: 227px;
  }
  20% {
    height: 79px;
  }
  30% {
    height: 46px;
  }
  40% {
    height: 120px;
  }
  50% {
    height: 173px;
  }
  60% {
    height: 199px;
  }
  70% {
    height: 37px;
  }
  80% {
    height: 50px;
  }
  90% {
    height: 297px;
  }
  100% {
    height: 283px;
  }
}
.bar:nth-child(13) {
  background-color: #71c8f4;
  -webkit-animation: grow13 2598ms alternate infinite;
          animation: grow13 2598ms alternate infinite;
}

@-webkit-keyframes grow13 {
  0% {
    height: 8px;
  }
  10% {
    height: 35px;
  }
  20% {
    height: 47px;
  }
  30% {
    height: 290px;
  }
  40% {
    height: 292px;
  }
  50% {
    height: 49px;
  }
  60% {
    height: 241px;
  }
  70% {
    height: 244px;
  }
  80% {
    height: 18px;
  }
  90% {
    height: 222px;
  }
  100% {
    height: 6px;
  }
}

@keyframes grow13 {
  0% {
    height: 8px;
  }
  10% {
    height: 35px;
  }
  20% {
    height: 47px;
  }
  30% {
    height: 290px;
  }
  40% {
    height: 292px;
  }
  50% {
    height: 49px;
  }
  60% {
    height: 241px;
  }
  70% {
    height: 244px;
  }
  80% {
    height: 18px;
  }
  90% {
    height: 222px;
  }
  100% {
    height: 6px;
  }
}
.bar:nth-child(14) {
  background-color: #71c8f4;
  -webkit-animation: grow14 2803ms alternate infinite;
          animation: grow14 2803ms alternate infinite;
}

@-webkit-keyframes grow14 {
  0% {
    height: 291px;
  }
  10% {
    height: 67px;
  }
  20% {
    height: 132px;
  }
  30% {
    height: 89px;
  }
  40% {
    height: 10px;
  }
  50% {
    height: 181px;
  }
  60% {
    height: 13px;
  }
  70% {
    height: 94px;
  }
  80% {
    height: 184px;
  }
  90% {
    height: 15px;
  }
  100% {
    height: 289px;
  }
}

@keyframes grow14 {
  0% {
    height: 291px;
  }
  10% {
    height: 67px;
  }
  20% {
    height: 132px;
  }
  30% {
    height: 89px;
  }
  40% {
    height: 10px;
  }
  50% {
    height: 181px;
  }
  60% {
    height: 13px;
  }
  70% {
    height: 94px;
  }
  80% {
    height: 184px;
  }
  90% {
    height: 15px;
  }
  100% {
    height: 289px;
  }
}
.bar:nth-child(15) {
  background-color: #72c8f3;
  -webkit-animation: grow15 2060ms alternate infinite;
          animation: grow15 2060ms alternate infinite;
}

@-webkit-keyframes grow15 {
  0% {
    height: 242px;
  }
  10% {
    height: 116px;
  }
  20% {
    height: 135px;
  }
  30% {
    height: 248px;
  }
  40% {
    height: 256px;
  }
  50% {
    height: 258px;
  }
  60% {
    height: 254px;
  }
  70% {
    height: 47px;
  }
  80% {
    height: 2px;
  }
  90% {
    height: 196px;
  }
  100% {
    height: 79px;
  }
}

@keyframes grow15 {
  0% {
    height: 242px;
  }
  10% {
    height: 116px;
  }
  20% {
    height: 135px;
  }
  30% {
    height: 248px;
  }
  40% {
    height: 256px;
  }
  50% {
    height: 258px;
  }
  60% {
    height: 254px;
  }
  70% {
    height: 47px;
  }
  80% {
    height: 2px;
  }
  90% {
    height: 196px;
  }
  100% {
    height: 79px;
  }
}
.bar:nth-child(16) {
  background-color: #73c8f2;
  -webkit-animation: grow16 2091ms alternate infinite;
          animation: grow16 2091ms alternate infinite;
}

@-webkit-keyframes grow16 {
  0% {
    height: 129px;
  }
  10% {
    height: 252px;
  }
  20% {
    height: 180px;
  }
  30% {
    height: 104px;
  }
  40% {
    height: 73px;
  }
  50% {
    height: 257px;
  }
  60% {
    height: 244px;
  }
  70% {
    height: 91px;
  }
  80% {
    height: 95px;
  }
  90% {
    height: 210px;
  }
  100% {
    height: 41px;
  }
}

@keyframes grow16 {
  0% {
    height: 129px;
  }
  10% {
    height: 252px;
  }
  20% {
    height: 180px;
  }
  30% {
    height: 104px;
  }
  40% {
    height: 73px;
  }
  50% {
    height: 257px;
  }
  60% {
    height: 244px;
  }
  70% {
    height: 91px;
  }
  80% {
    height: 95px;
  }
  90% {
    height: 210px;
  }
  100% {
    height: 41px;
  }
}
.bar:nth-child(17) {
  background-color: #74c7f1;
  -webkit-animation: grow17 2964ms alternate infinite;
          animation: grow17 2964ms alternate infinite;
}

@-webkit-keyframes grow17 {
  0% {
    height: 157px;
  }
  10% {
    height: 23px;
  }
  20% {
    height: 243px;
  }
  30% {
    height: 291px;
  }
  40% {
    height: 300px;
  }
  50% {
    height: 245px;
  }
  60% {
    height: 13px;
  }
  70% {
    height: 150px;
  }
  80% {
    height: 135px;
  }
  90% {
    height: 218px;
  }
  100% {
    height: 86px;
  }
}

@keyframes grow17 {
  0% {
    height: 157px;
  }
  10% {
    height: 23px;
  }
  20% {
    height: 243px;
  }
  30% {
    height: 291px;
  }
  40% {
    height: 300px;
  }
  50% {
    height: 245px;
  }
  60% {
    height: 13px;
  }
  70% {
    height: 150px;
  }
  80% {
    height: 135px;
  }
  90% {
    height: 218px;
  }
  100% {
    height: 86px;
  }
}
.bar:nth-child(18) {
  background-color: #75c7f0;
  -webkit-animation: grow18 2520ms alternate infinite;
          animation: grow18 2520ms alternate infinite;
}

@-webkit-keyframes grow18 {
  0% {
    height: 155px;
  }
  10% {
    height: 185px;
  }
  20% {
    height: 248px;
  }
  30% {
    height: 238px;
  }
  40% {
    height: 185px;
  }
  50% {
    height: 132px;
  }
  60% {
    height: 145px;
  }
  70% {
    height: 171px;
  }
  80% {
    height: 193px;
  }
  90% {
    height: 91px;
  }
  100% {
    height: 153px;
  }
}

@keyframes grow18 {
  0% {
    height: 155px;
  }
  10% {
    height: 185px;
  }
  20% {
    height: 248px;
  }
  30% {
    height: 238px;
  }
  40% {
    height: 185px;
  }
  50% {
    height: 132px;
  }
  60% {
    height: 145px;
  }
  70% {
    height: 171px;
  }
  80% {
    height: 193px;
  }
  90% {
    height: 91px;
  }
  100% {
    height: 153px;
  }
}
.bar:nth-child(19) {
  background-color: #75c7f0;
  -webkit-animation: grow19 2700ms alternate infinite;
          animation: grow19 2700ms alternate infinite;
}

@-webkit-keyframes grow19 {
  0% {
    height: 128px;
  }
  10% {
    height: 36px;
  }
  20% {
    height: 120px;
  }
  30% {
    height: 246px;
  }
  40% {
    height: 241px;
  }
  50% {
    height: 225px;
  }
  60% {
    height: 300px;
  }
  70% {
    height: 199px;
  }
  80% {
    height: 219px;
  }
  90% {
    height: 249px;
  }
  100% {
    height: 174px;
  }
}

@keyframes grow19 {
  0% {
    height: 128px;
  }
  10% {
    height: 36px;
  }
  20% {
    height: 120px;
  }
  30% {
    height: 246px;
  }
  40% {
    height: 241px;
  }
  50% {
    height: 225px;
  }
  60% {
    height: 300px;
  }
  70% {
    height: 199px;
  }
  80% {
    height: 219px;
  }
  90% {
    height: 249px;
  }
  100% {
    height: 174px;
  }
}
.bar:nth-child(20) {
  background-color: #76c7ef;
  -webkit-animation: grow20 1955ms alternate infinite;
          animation: grow20 1955ms alternate infinite;
}

@-webkit-keyframes grow20 {
  0% {
    height: 199px;
  }
  10% {
    height: 43px;
  }
  20% {
    height: 220px;
  }
  30% {
    height: 102px;
  }
  40% {
    height: 298px;
  }
  50% {
    height: 256px;
  }
  60% {
    height: 189px;
  }
  70% {
    height: 221px;
  }
  80% {
    height: 12px;
  }
  90% {
    height: 122px;
  }
  100% {
    height: 211px;
  }
}

@keyframes grow20 {
  0% {
    height: 199px;
  }
  10% {
    height: 43px;
  }
  20% {
    height: 220px;
  }
  30% {
    height: 102px;
  }
  40% {
    height: 298px;
  }
  50% {
    height: 256px;
  }
  60% {
    height: 189px;
  }
  70% {
    height: 221px;
  }
  80% {
    height: 12px;
  }
  90% {
    height: 122px;
  }
  100% {
    height: 211px;
  }
}
.bar:nth-child(21) {
  background-color: #77c6ee;
  -webkit-animation: grow21 2771ms alternate infinite;
          animation: grow21 2771ms alternate infinite;
}

@-webkit-keyframes grow21 {
  0% {
    height: 277px;
  }
  10% {
    height: 252px;
  }
  20% {
    height: 105px;
  }
  30% {
    height: 53px;
  }
  40% {
    height: 249px;
  }
  50% {
    height: 250px;
  }
  60% {
    height: 30px;
  }
  70% {
    height: 155px;
  }
  80% {
    height: 120px;
  }
  90% {
    height: 116px;
  }
  100% {
    height: 54px;
  }
}

@keyframes grow21 {
  0% {
    height: 277px;
  }
  10% {
    height: 252px;
  }
  20% {
    height: 105px;
  }
  30% {
    height: 53px;
  }
  40% {
    height: 249px;
  }
  50% {
    height: 250px;
  }
  60% {
    height: 30px;
  }
  70% {
    height: 155px;
  }
  80% {
    height: 120px;
  }
  90% {
    height: 116px;
  }
  100% {
    height: 54px;
  }
}
.bar:nth-child(22) {
  background-color: #78c6ed;
  -webkit-animation: grow22 2383ms alternate infinite;
          animation: grow22 2383ms alternate infinite;
}

@-webkit-keyframes grow22 {
  0% {
    height: 218px;
  }
  10% {
    height: 240px;
  }
  20% {
    height: 291px;
  }
  30% {
    height: 162px;
  }
  40% {
    height: 31px;
  }
  50% {
    height: 128px;
  }
  60% {
    height: 284px;
  }
  70% {
    height: 39px;
  }
  80% {
    height: 175px;
  }
  90% {
    height: 184px;
  }
  100% {
    height: 112px;
  }
}

@keyframes grow22 {
  0% {
    height: 218px;
  }
  10% {
    height: 240px;
  }
  20% {
    height: 291px;
  }
  30% {
    height: 162px;
  }
  40% {
    height: 31px;
  }
  50% {
    height: 128px;
  }
  60% {
    height: 284px;
  }
  70% {
    height: 39px;
  }
  80% {
    height: 175px;
  }
  90% {
    height: 184px;
  }
  100% {
    height: 112px;
  }
}
.bar:nth-child(23) {
  background-color: #78c6ed;
  -webkit-animation: grow23 2328ms alternate infinite;
          animation: grow23 2328ms alternate infinite;
}

@-webkit-keyframes grow23 {
  0% {
    height: 220px;
  }
  10% {
    height: 276px;
  }
  20% {
    height: 242px;
  }
  30% {
    height: 67px;
  }
  40% {
    height: 115px;
  }
  50% {
    height: 234px;
  }
  60% {
    height: 36px;
  }
  70% {
    height: 214px;
  }
  80% {
    height: 31px;
  }
  90% {
    height: 34px;
  }
  100% {
    height: 135px;
  }
}

@keyframes grow23 {
  0% {
    height: 220px;
  }
  10% {
    height: 276px;
  }
  20% {
    height: 242px;
  }
  30% {
    height: 67px;
  }
  40% {
    height: 115px;
  }
  50% {
    height: 234px;
  }
  60% {
    height: 36px;
  }
  70% {
    height: 214px;
  }
  80% {
    height: 31px;
  }
  90% {
    height: 34px;
  }
  100% {
    height: 135px;
  }
}
.bar:nth-child(24) {
  background-color: #79c6ec;
  -webkit-animation: grow24 2136ms alternate infinite;
          animation: grow24 2136ms alternate infinite;
}

@-webkit-keyframes grow24 {
  0% {
    height: 119px;
  }
  10% {
    height: 142px;
  }
  20% {
    height: 190px;
  }
  30% {
    height: 259px;
  }
  40% {
    height: 224px;
  }
  50% {
    height: 201px;
  }
  60% {
    height: 281px;
  }
  70% {
    height: 71px;
  }
  80% {
    height: 192px;
  }
  90% {
    height: 156px;
  }
  100% {
    height: 98px;
  }
}

@keyframes grow24 {
  0% {
    height: 119px;
  }
  10% {
    height: 142px;
  }
  20% {
    height: 190px;
  }
  30% {
    height: 259px;
  }
  40% {
    height: 224px;
  }
  50% {
    height: 201px;
  }
  60% {
    height: 281px;
  }
  70% {
    height: 71px;
  }
  80% {
    height: 192px;
  }
  90% {
    height: 156px;
  }
  100% {
    height: 98px;
  }
}
.bar:nth-child(25) {
  background-color: #7ac5eb;
  -webkit-animation: grow25 2658ms alternate infinite;
          animation: grow25 2658ms alternate infinite;
}

@-webkit-keyframes grow25 {
  0% {
    height: 69px;
  }
  10% {
    height: 159px;
  }
  20% {
    height: 90px;
  }
  30% {
    height: 197px;
  }
  40% {
    height: 251px;
  }
  50% {
    height: 156px;
  }
  60% {
    height: 25px;
  }
  70% {
    height: 257px;
  }
  80% {
    height: 55px;
  }
  90% {
    height: 55px;
  }
  100% {
    height: 221px;
  }
}

@keyframes grow25 {
  0% {
    height: 69px;
  }
  10% {
    height: 159px;
  }
  20% {
    height: 90px;
  }
  30% {
    height: 197px;
  }
  40% {
    height: 251px;
  }
  50% {
    height: 156px;
  }
  60% {
    height: 25px;
  }
  70% {
    height: 257px;
  }
  80% {
    height: 55px;
  }
  90% {
    height: 55px;
  }
  100% {
    height: 221px;
  }
}
.bar:nth-child(26) {
  background-color: #7bc5ea;
  -webkit-animation: grow26 2944ms alternate infinite;
          animation: grow26 2944ms alternate infinite;
}

@-webkit-keyframes grow26 {
  0% {
    height: 151px;
  }
  10% {
    height: 8px;
  }
  20% {
    height: 272px;
  }
  30% {
    height: 31px;
  }
  40% {
    height: 25px;
  }
  50% {
    height: 152px;
  }
  60% {
    height: 67px;
  }
  70% {
    height: 134px;
  }
  80% {
    height: 198px;
  }
  90% {
    height: 152px;
  }
  100% {
    height: 281px;
  }
}

@keyframes grow26 {
  0% {
    height: 151px;
  }
  10% {
    height: 8px;
  }
  20% {
    height: 272px;
  }
  30% {
    height: 31px;
  }
  40% {
    height: 25px;
  }
  50% {
    height: 152px;
  }
  60% {
    height: 67px;
  }
  70% {
    height: 134px;
  }
  80% {
    height: 198px;
  }
  90% {
    height: 152px;
  }
  100% {
    height: 281px;
  }
}
.bar:nth-child(27) {
  background-color: #7bc5ea;
  -webkit-animation: grow27 2680ms alternate infinite;
          animation: grow27 2680ms alternate infinite;
}

@-webkit-keyframes grow27 {
  0% {
    height: 258px;
  }
  10% {
    height: 239px;
  }
  20% {
    height: 228px;
  }
  30% {
    height: 201px;
  }
  40% {
    height: 99px;
  }
  50% {
    height: 218px;
  }
  60% {
    height: 69px;
  }
  70% {
    height: 43px;
  }
  80% {
    height: 162px;
  }
  90% {
    height: 119px;
  }
  100% {
    height: 150px;
  }
}

@keyframes grow27 {
  0% {
    height: 258px;
  }
  10% {
    height: 239px;
  }
  20% {
    height: 228px;
  }
  30% {
    height: 201px;
  }
  40% {
    height: 99px;
  }
  50% {
    height: 218px;
  }
  60% {
    height: 69px;
  }
  70% {
    height: 43px;
  }
  80% {
    height: 162px;
  }
  90% {
    height: 119px;
  }
  100% {
    height: 150px;
  }
}
.bar:nth-child(28) {
  background-color: #7cc5e9;
  -webkit-animation: grow28 2743ms alternate infinite;
          animation: grow28 2743ms alternate infinite;
}

@-webkit-keyframes grow28 {
  0% {
    height: 204px;
  }
  10% {
    height: 4px;
  }
  20% {
    height: 213px;
  }
  30% {
    height: 30px;
  }
  40% {
    height: 244px;
  }
  50% {
    height: 37px;
  }
  60% {
    height: 202px;
  }
  70% {
    height: 5px;
  }
  80% {
    height: 184px;
  }
  90% {
    height: 32px;
  }
  100% {
    height: 114px;
  }
}

@keyframes grow28 {
  0% {
    height: 204px;
  }
  10% {
    height: 4px;
  }
  20% {
    height: 213px;
  }
  30% {
    height: 30px;
  }
  40% {
    height: 244px;
  }
  50% {
    height: 37px;
  }
  60% {
    height: 202px;
  }
  70% {
    height: 5px;
  }
  80% {
    height: 184px;
  }
  90% {
    height: 32px;
  }
  100% {
    height: 114px;
  }
}
.bar:nth-child(29) {
  background-color: #7dc4e8;
  -webkit-animation: grow29 2829ms alternate infinite;
          animation: grow29 2829ms alternate infinite;
}

@-webkit-keyframes grow29 {
  0% {
    height: 261px;
  }
  10% {
    height: 166px;
  }
  20% {
    height: 274px;
  }
  30% {
    height: 200px;
  }
  40% {
    height: 4px;
  }
  50% {
    height: 169px;
  }
  60% {
    height: 203px;
  }
  70% {
    height: 193px;
  }
  80% {
    height: 157px;
  }
  90% {
    height: 128px;
  }
  100% {
    height: 96px;
  }
}

@keyframes grow29 {
  0% {
    height: 261px;
  }
  10% {
    height: 166px;
  }
  20% {
    height: 274px;
  }
  30% {
    height: 200px;
  }
  40% {
    height: 4px;
  }
  50% {
    height: 169px;
  }
  60% {
    height: 203px;
  }
  70% {
    height: 193px;
  }
  80% {
    height: 157px;
  }
  90% {
    height: 128px;
  }
  100% {
    height: 96px;
  }
}
.bar:nth-child(30) {
  background-color: #7ec4e7;
  -webkit-animation: grow30 2418ms alternate infinite;
          animation: grow30 2418ms alternate infinite;
}

@-webkit-keyframes grow30 {
  0% {
    height: 280px;
  }
  10% {
    height: 120px;
  }
  20% {
    height: 59px;
  }
  30% {
    height: 112px;
  }
  40% {
    height: 209px;
  }
  50% {
    height: 225px;
  }
  60% {
    height: 21px;
  }
  70% {
    height: 17px;
  }
  80% {
    height: 56px;
  }
  90% {
    height: 64px;
  }
  100% {
    height: 13px;
  }
}

@keyframes grow30 {
  0% {
    height: 280px;
  }
  10% {
    height: 120px;
  }
  20% {
    height: 59px;
  }
  30% {
    height: 112px;
  }
  40% {
    height: 209px;
  }
  50% {
    height: 225px;
  }
  60% {
    height: 21px;
  }
  70% {
    height: 17px;
  }
  80% {
    height: 56px;
  }
  90% {
    height: 64px;
  }
  100% {
    height: 13px;
  }
}
.bar:nth-child(31) {
  background-color: #7ec4e7;
  -webkit-animation: grow31 2453ms alternate infinite;
          animation: grow31 2453ms alternate infinite;
}

@-webkit-keyframes grow31 {
  0% {
    height: 275px;
  }
  10% {
    height: 258px;
  }
  20% {
    height: 68px;
  }
  30% {
    height: 293px;
  }
  40% {
    height: 262px;
  }
  50% {
    height: 17px;
  }
  60% {
    height: 224px;
  }
  70% {
    height: 114px;
  }
  80% {
    height: 241px;
  }
  90% {
    height: 78px;
  }
  100% {
    height: 222px;
  }
}

@keyframes grow31 {
  0% {
    height: 275px;
  }
  10% {
    height: 258px;
  }
  20% {
    height: 68px;
  }
  30% {
    height: 293px;
  }
  40% {
    height: 262px;
  }
  50% {
    height: 17px;
  }
  60% {
    height: 224px;
  }
  70% {
    height: 114px;
  }
  80% {
    height: 241px;
  }
  90% {
    height: 78px;
  }
  100% {
    height: 222px;
  }
}
.bar:nth-child(32) {
  background-color: #7fc4e6;
  -webkit-animation: grow32 2730ms alternate infinite;
          animation: grow32 2730ms alternate infinite;
}

@-webkit-keyframes grow32 {
  0% {
    height: 211px;
  }
  10% {
    height: 232px;
  }
  20% {
    height: 119px;
  }
  30% {
    height: 49px;
  }
  40% {
    height: 164px;
  }
  50% {
    height: 216px;
  }
  60% {
    height: 145px;
  }
  70% {
    height: 260px;
  }
  80% {
    height: 267px;
  }
  90% {
    height: 16px;
  }
  100% {
    height: 264px;
  }
}

@keyframes grow32 {
  0% {
    height: 211px;
  }
  10% {
    height: 232px;
  }
  20% {
    height: 119px;
  }
  30% {
    height: 49px;
  }
  40% {
    height: 164px;
  }
  50% {
    height: 216px;
  }
  60% {
    height: 145px;
  }
  70% {
    height: 260px;
  }
  80% {
    height: 267px;
  }
  90% {
    height: 16px;
  }
  100% {
    height: 264px;
  }
}
.bar:nth-child(33) {
  background-color: #80c3e5;
  -webkit-animation: grow33 2163ms alternate infinite;
          animation: grow33 2163ms alternate infinite;
}

@-webkit-keyframes grow33 {
  0% {
    height: 102px;
  }
  10% {
    height: 16px;
  }
  20% {
    height: 237px;
  }
  30% {
    height: 299px;
  }
  40% {
    height: 197px;
  }
  50% {
    height: 233px;
  }
  60% {
    height: 24px;
  }
  70% {
    height: 267px;
  }
  80% {
    height: 195px;
  }
  90% {
    height: 30px;
  }
  100% {
    height: 80px;
  }
}

@keyframes grow33 {
  0% {
    height: 102px;
  }
  10% {
    height: 16px;
  }
  20% {
    height: 237px;
  }
  30% {
    height: 299px;
  }
  40% {
    height: 197px;
  }
  50% {
    height: 233px;
  }
  60% {
    height: 24px;
  }
  70% {
    height: 267px;
  }
  80% {
    height: 195px;
  }
  90% {
    height: 30px;
  }
  100% {
    height: 80px;
  }
}
.bar:nth-child(34) {
  background-color: #81c3e4;
  -webkit-animation: grow34 2693ms alternate infinite;
          animation: grow34 2693ms alternate infinite;
}

@-webkit-keyframes grow34 {
  0% {
    height: 41px;
  }
  10% {
    height: 163px;
  }
  20% {
    height: 216px;
  }
  30% {
    height: 197px;
  }
  40% {
    height: 173px;
  }
  50% {
    height: 101px;
  }
  60% {
    height: 284px;
  }
  70% {
    height: 246px;
  }
  80% {
    height: 176px;
  }
  90% {
    height: 19px;
  }
  100% {
    height: 21px;
  }
}

@keyframes grow34 {
  0% {
    height: 41px;
  }
  10% {
    height: 163px;
  }
  20% {
    height: 216px;
  }
  30% {
    height: 197px;
  }
  40% {
    height: 173px;
  }
  50% {
    height: 101px;
  }
  60% {
    height: 284px;
  }
  70% {
    height: 246px;
  }
  80% {
    height: 176px;
  }
  90% {
    height: 19px;
  }
  100% {
    height: 21px;
  }
}
.bar:nth-child(35) {
  background-color: #82c3e3;
  -webkit-animation: grow35 2737ms alternate infinite;
          animation: grow35 2737ms alternate infinite;
}

@-webkit-keyframes grow35 {
  0% {
    height: 203px;
  }
  10% {
    height: 159px;
  }
  20% {
    height: 26px;
  }
  30% {
    height: 45px;
  }
  40% {
    height: 3px;
  }
  50% {
    height: 125px;
  }
  60% {
    height: 169px;
  }
  70% {
    height: 27px;
  }
  80% {
    height: 175px;
  }
  90% {
    height: 49px;
  }
  100% {
    height: 21px;
  }
}

@keyframes grow35 {
  0% {
    height: 203px;
  }
  10% {
    height: 159px;
  }
  20% {
    height: 26px;
  }
  30% {
    height: 45px;
  }
  40% {
    height: 3px;
  }
  50% {
    height: 125px;
  }
  60% {
    height: 169px;
  }
  70% {
    height: 27px;
  }
  80% {
    height: 175px;
  }
  90% {
    height: 49px;
  }
  100% {
    height: 21px;
  }
}
.bar:nth-child(36) {
  background-color: #82c3e3;
  -webkit-animation: grow36 2226ms alternate infinite;
          animation: grow36 2226ms alternate infinite;
}

@-webkit-keyframes grow36 {
  0% {
    height: 137px;
  }
  10% {
    height: 229px;
  }
  20% {
    height: 278px;
  }
  30% {
    height: 103px;
  }
  40% {
    height: 205px;
  }
  50% {
    height: 112px;
  }
  60% {
    height: 19px;
  }
  70% {
    height: 267px;
  }
  80% {
    height: 97px;
  }
  90% {
    height: 267px;
  }
  100% {
    height: 111px;
  }
}

@keyframes grow36 {
  0% {
    height: 137px;
  }
  10% {
    height: 229px;
  }
  20% {
    height: 278px;
  }
  30% {
    height: 103px;
  }
  40% {
    height: 205px;
  }
  50% {
    height: 112px;
  }
  60% {
    height: 19px;
  }
  70% {
    height: 267px;
  }
  80% {
    height: 97px;
  }
  90% {
    height: 267px;
  }
  100% {
    height: 111px;
  }
}
.bar:nth-child(37) {
  background-color: #83c2e2;
  -webkit-animation: grow37 2160ms alternate infinite;
          animation: grow37 2160ms alternate infinite;
}

@-webkit-keyframes grow37 {
  0% {
    height: 285px;
  }
  10% {
    height: 213px;
  }
  20% {
    height: 222px;
  }
  30% {
    height: 218px;
  }
  40% {
    height: 238px;
  }
  50% {
    height: 106px;
  }
  60% {
    height: 147px;
  }
  70% {
    height: 300px;
  }
  80% {
    height: 219px;
  }
  90% {
    height: 173px;
  }
  100% {
    height: 27px;
  }
}

@keyframes grow37 {
  0% {
    height: 285px;
  }
  10% {
    height: 213px;
  }
  20% {
    height: 222px;
  }
  30% {
    height: 218px;
  }
  40% {
    height: 238px;
  }
  50% {
    height: 106px;
  }
  60% {
    height: 147px;
  }
  70% {
    height: 300px;
  }
  80% {
    height: 219px;
  }
  90% {
    height: 173px;
  }
  100% {
    height: 27px;
  }
}
.bar:nth-child(38) {
  background-color: #84c2e1;
  -webkit-animation: grow38 2876ms alternate infinite;
          animation: grow38 2876ms alternate infinite;
}

@-webkit-keyframes grow38 {
  0% {
    height: 66px;
  }
  10% {
    height: 82px;
  }
  20% {
    height: 45px;
  }
  30% {
    height: 65px;
  }
  40% {
    height: 180px;
  }
  50% {
    height: 269px;
  }
  60% {
    height: 64px;
  }
  70% {
    height: 84px;
  }
  80% {
    height: 128px;
  }
  90% {
    height: 285px;
  }
  100% {
    height: 282px;
  }
}

@keyframes grow38 {
  0% {
    height: 66px;
  }
  10% {
    height: 82px;
  }
  20% {
    height: 45px;
  }
  30% {
    height: 65px;
  }
  40% {
    height: 180px;
  }
  50% {
    height: 269px;
  }
  60% {
    height: 64px;
  }
  70% {
    height: 84px;
  }
  80% {
    height: 128px;
  }
  90% {
    height: 285px;
  }
  100% {
    height: 282px;
  }
}
.bar:nth-child(39) {
  background-color: #85c2e0;
  -webkit-animation: grow39 1928ms alternate infinite;
          animation: grow39 1928ms alternate infinite;
}

@-webkit-keyframes grow39 {
  0% {
    height: 300px;
  }
  10% {
    height: 242px;
  }
  20% {
    height: 191px;
  }
  30% {
    height: 105px;
  }
  40% {
    height: 198px;
  }
  50% {
    height: 10px;
  }
  60% {
    height: 249px;
  }
  70% {
    height: 267px;
  }
  80% {
    height: 132px;
  }
  90% {
    height: 125px;
  }
  100% {
    height: 117px;
  }
}

@keyframes grow39 {
  0% {
    height: 300px;
  }
  10% {
    height: 242px;
  }
  20% {
    height: 191px;
  }
  30% {
    height: 105px;
  }
  40% {
    height: 198px;
  }
  50% {
    height: 10px;
  }
  60% {
    height: 249px;
  }
  70% {
    height: 267px;
  }
  80% {
    height: 132px;
  }
  90% {
    height: 125px;
  }
  100% {
    height: 117px;
  }
}
.bar:nth-child(40) {
  background-color: #85c2e0;
  -webkit-animation: grow40 2651ms alternate infinite;
          animation: grow40 2651ms alternate infinite;
}

@-webkit-keyframes grow40 {
  0% {
    height: 80px;
  }
  10% {
    height: 234px;
  }
  20% {
    height: 38px;
  }
  30% {
    height: 42px;
  }
  40% {
    height: 253px;
  }
  50% {
    height: 300px;
  }
  60% {
    height: 255px;
  }
  70% {
    height: 196px;
  }
  80% {
    height: 166px;
  }
  90% {
    height: 98px;
  }
  100% {
    height: 171px;
  }
}

@keyframes grow40 {
  0% {
    height: 80px;
  }
  10% {
    height: 234px;
  }
  20% {
    height: 38px;
  }
  30% {
    height: 42px;
  }
  40% {
    height: 253px;
  }
  50% {
    height: 300px;
  }
  60% {
    height: 255px;
  }
  70% {
    height: 196px;
  }
  80% {
    height: 166px;
  }
  90% {
    height: 98px;
  }
  100% {
    height: 171px;
  }
}
.bar:nth-child(41) {
  background-color: #86c1df;
  -webkit-animation: grow41 2406ms alternate infinite;
          animation: grow41 2406ms alternate infinite;
}

@-webkit-keyframes grow41 {
  0% {
    height: 250px;
  }
  10% {
    height: 296px;
  }
  20% {
    height: 121px;
  }
  30% {
    height: 37px;
  }
  40% {
    height: 134px;
  }
  50% {
    height: 15px;
  }
  60% {
    height: 22px;
  }
  70% {
    height: 63px;
  }
  80% {
    height: 54px;
  }
  90% {
    height: 242px;
  }
  100% {
    height: 19px;
  }
}

@keyframes grow41 {
  0% {
    height: 250px;
  }
  10% {
    height: 296px;
  }
  20% {
    height: 121px;
  }
  30% {
    height: 37px;
  }
  40% {
    height: 134px;
  }
  50% {
    height: 15px;
  }
  60% {
    height: 22px;
  }
  70% {
    height: 63px;
  }
  80% {
    height: 54px;
  }
  90% {
    height: 242px;
  }
  100% {
    height: 19px;
  }
}
.bar:nth-child(42) {
  background-color: #87c1de;
  -webkit-animation: grow42 2687ms alternate infinite;
          animation: grow42 2687ms alternate infinite;
}

@-webkit-keyframes grow42 {
  0% {
    height: 269px;
  }
  10% {
    height: 37px;
  }
  20% {
    height: 141px;
  }
  30% {
    height: 73px;
  }
  40% {
    height: 105px;
  }
  50% {
    height: 71px;
  }
  60% {
    height: 223px;
  }
  70% {
    height: 163px;
  }
  80% {
    height: 216px;
  }
  90% {
    height: 7px;
  }
  100% {
    height: 248px;
  }
}

@keyframes grow42 {
  0% {
    height: 269px;
  }
  10% {
    height: 37px;
  }
  20% {
    height: 141px;
  }
  30% {
    height: 73px;
  }
  40% {
    height: 105px;
  }
  50% {
    height: 71px;
  }
  60% {
    height: 223px;
  }
  70% {
    height: 163px;
  }
  80% {
    height: 216px;
  }
  90% {
    height: 7px;
  }
  100% {
    height: 248px;
  }
}
.bar:nth-child(43) {
  background-color: #88c1dd;
  -webkit-animation: grow43 2250ms alternate infinite;
          animation: grow43 2250ms alternate infinite;
}

@-webkit-keyframes grow43 {
  0% {
    height: 293px;
  }
  10% {
    height: 140px;
  }
  20% {
    height: 197px;
  }
  30% {
    height: 150px;
  }
  40% {
    height: 152px;
  }
  50% {
    height: 143px;
  }
  60% {
    height: 6px;
  }
  70% {
    height: 216px;
  }
  80% {
    height: 233px;
  }
  90% {
    height: 202px;
  }
  100% {
    height: 12px;
  }
}

@keyframes grow43 {
  0% {
    height: 293px;
  }
  10% {
    height: 140px;
  }
  20% {
    height: 197px;
  }
  30% {
    height: 150px;
  }
  40% {
    height: 152px;
  }
  50% {
    height: 143px;
  }
  60% {
    height: 6px;
  }
  70% {
    height: 216px;
  }
  80% {
    height: 233px;
  }
  90% {
    height: 202px;
  }
  100% {
    height: 12px;
  }
}
.bar:nth-child(44) {
  background-color: #88c1dd;
  -webkit-animation: grow44 2804ms alternate infinite;
          animation: grow44 2804ms alternate infinite;
}

@-webkit-keyframes grow44 {
  0% {
    height: 145px;
  }
  10% {
    height: 292px;
  }
  20% {
    height: 56px;
  }
  30% {
    height: 135px;
  }
  40% {
    height: 172px;
  }
  50% {
    height: 78px;
  }
  60% {
    height: 298px;
  }
  70% {
    height: 258px;
  }
  80% {
    height: 69px;
  }
  90% {
    height: 36px;
  }
  100% {
    height: 103px;
  }
}

@keyframes grow44 {
  0% {
    height: 145px;
  }
  10% {
    height: 292px;
  }
  20% {
    height: 56px;
  }
  30% {
    height: 135px;
  }
  40% {
    height: 172px;
  }
  50% {
    height: 78px;
  }
  60% {
    height: 298px;
  }
  70% {
    height: 258px;
  }
  80% {
    height: 69px;
  }
  90% {
    height: 36px;
  }
  100% {
    height: 103px;
  }
}
.bar:nth-child(45) {
  background-color: #89c0dc;
  -webkit-animation: grow45 1931ms alternate infinite;
          animation: grow45 1931ms alternate infinite;
}

@-webkit-keyframes grow45 {
  0% {
    height: 116px;
  }
  10% {
    height: 243px;
  }
  20% {
    height: 235px;
  }
  30% {
    height: 78px;
  }
  40% {
    height: 155px;
  }
  50% {
    height: 140px;
  }
  60% {
    height: 69px;
  }
  70% {
    height: 14px;
  }
  80% {
    height: 39px;
  }
  90% {
    height: 175px;
  }
  100% {
    height: 118px;
  }
}

@keyframes grow45 {
  0% {
    height: 116px;
  }
  10% {
    height: 243px;
  }
  20% {
    height: 235px;
  }
  30% {
    height: 78px;
  }
  40% {
    height: 155px;
  }
  50% {
    height: 140px;
  }
  60% {
    height: 69px;
  }
  70% {
    height: 14px;
  }
  80% {
    height: 39px;
  }
  90% {
    height: 175px;
  }
  100% {
    height: 118px;
  }
}
.bar:nth-child(46) {
  background-color: #8ac0db;
  -webkit-animation: grow46 2092ms alternate infinite;
          animation: grow46 2092ms alternate infinite;
}

@-webkit-keyframes grow46 {
  0% {
    height: 32px;
  }
  10% {
    height: 191px;
  }
  20% {
    height: 269px;
  }
  30% {
    height: 250px;
  }
  40% {
    height: 216px;
  }
  50% {
    height: 229px;
  }
  60% {
    height: 228px;
  }
  70% {
    height: 96px;
  }
  80% {
    height: 203px;
  }
  90% {
    height: 9px;
  }
  100% {
    height: 188px;
  }
}

@keyframes grow46 {
  0% {
    height: 32px;
  }
  10% {
    height: 191px;
  }
  20% {
    height: 269px;
  }
  30% {
    height: 250px;
  }
  40% {
    height: 216px;
  }
  50% {
    height: 229px;
  }
  60% {
    height: 228px;
  }
  70% {
    height: 96px;
  }
  80% {
    height: 203px;
  }
  90% {
    height: 9px;
  }
  100% {
    height: 188px;
  }
}
.bar:nth-child(47) {
  background-color: #8bc0da;
  -webkit-animation: grow47 2252ms alternate infinite;
          animation: grow47 2252ms alternate infinite;
}

@-webkit-keyframes grow47 {
  0% {
    height: 194px;
  }
  10% {
    height: 259px;
  }
  20% {
    height: 112px;
  }
  30% {
    height: 145px;
  }
  40% {
    height: 237px;
  }
  50% {
    height: 191px;
  }
  60% {
    height: 64px;
  }
  70% {
    height: 27px;
  }
  80% {
    height: 101px;
  }
  90% {
    height: 155px;
  }
  100% {
    height: 120px;
  }
}

@keyframes grow47 {
  0% {
    height: 194px;
  }
  10% {
    height: 259px;
  }
  20% {
    height: 112px;
  }
  30% {
    height: 145px;
  }
  40% {
    height: 237px;
  }
  50% {
    height: 191px;
  }
  60% {
    height: 64px;
  }
  70% {
    height: 27px;
  }
  80% {
    height: 101px;
  }
  90% {
    height: 155px;
  }
  100% {
    height: 120px;
  }
}
.bar:nth-child(48) {
  background-color: #8bc0da;
  -webkit-animation: grow48 2292ms alternate infinite;
          animation: grow48 2292ms alternate infinite;
}

@-webkit-keyframes grow48 {
  0% {
    height: 57px;
  }
  10% {
    height: 36px;
  }
  20% {
    height: 72px;
  }
  30% {
    height: 238px;
  }
  40% {
    height: 58px;
  }
  50% {
    height: 27px;
  }
  60% {
    height: 204px;
  }
  70% {
    height: 162px;
  }
  80% {
    height: 81px;
  }
  90% {
    height: 158px;
  }
  100% {
    height: 167px;
  }
}

@keyframes grow48 {
  0% {
    height: 57px;
  }
  10% {
    height: 36px;
  }
  20% {
    height: 72px;
  }
  30% {
    height: 238px;
  }
  40% {
    height: 58px;
  }
  50% {
    height: 27px;
  }
  60% {
    height: 204px;
  }
  70% {
    height: 162px;
  }
  80% {
    height: 81px;
  }
  90% {
    height: 158px;
  }
  100% {
    height: 167px;
  }
}
.bar:nth-child(49) {
  background-color: #8cbfd9;
  -webkit-animation: grow49 2972ms alternate infinite;
          animation: grow49 2972ms alternate infinite;
}

@-webkit-keyframes grow49 {
  0% {
    height: 281px;
  }
  10% {
    height: 90px;
  }
  20% {
    height: 137px;
  }
  30% {
    height: 62px;
  }
  40% {
    height: 113px;
  }
  50% {
    height: 174px;
  }
  60% {
    height: 156px;
  }
  70% {
    height: 207px;
  }
  80% {
    height: 144px;
  }
  90% {
    height: 252px;
  }
  100% {
    height: 40px;
  }
}

@keyframes grow49 {
  0% {
    height: 281px;
  }
  10% {
    height: 90px;
  }
  20% {
    height: 137px;
  }
  30% {
    height: 62px;
  }
  40% {
    height: 113px;
  }
  50% {
    height: 174px;
  }
  60% {
    height: 156px;
  }
  70% {
    height: 207px;
  }
  80% {
    height: 144px;
  }
  90% {
    height: 252px;
  }
  100% {
    height: 40px;
  }
}
.bar:nth-child(50) {
  background-color: #8dbfd8;
  -webkit-animation: grow50 1994ms alternate infinite;
          animation: grow50 1994ms alternate infinite;
}

@-webkit-keyframes grow50 {
  0% {
    height: 83px;
  }
  10% {
    height: 244px;
  }
  20% {
    height: 86px;
  }
  30% {
    height: 249px;
  }
  40% {
    height: 59px;
  }
  50% {
    height: 163px;
  }
  60% {
    height: 285px;
  }
  70% {
    height: 104px;
  }
  80% {
    height: 257px;
  }
  90% {
    height: 111px;
  }
  100% {
    height: 167px;
  }
}

@keyframes grow50 {
  0% {
    height: 83px;
  }
  10% {
    height: 244px;
  }
  20% {
    height: 86px;
  }
  30% {
    height: 249px;
  }
  40% {
    height: 59px;
  }
  50% {
    height: 163px;
  }
  60% {
    height: 285px;
  }
  70% {
    height: 104px;
  }
  80% {
    height: 257px;
  }
  90% {
    height: 111px;
  }
  100% {
    height: 167px;
  }
}
.bar:nth-child(51) {
  background-color: #8ebfd7;
  -webkit-animation: grow51 2031ms alternate infinite;
          animation: grow51 2031ms alternate infinite;
}

@-webkit-keyframes grow51 {
  0% {
    height: 217px;
  }
  10% {
    height: 246px;
  }
  20% {
    height: 86px;
  }
  30% {
    height: 195px;
  }
  40% {
    height: 124px;
  }
  50% {
    height: 22px;
  }
  60% {
    height: 79px;
  }
  70% {
    height: 270px;
  }
  80% {
    height: 283px;
  }
  90% {
    height: 48px;
  }
  100% {
    height: 103px;
  }
}

@keyframes grow51 {
  0% {
    height: 217px;
  }
  10% {
    height: 246px;
  }
  20% {
    height: 86px;
  }
  30% {
    height: 195px;
  }
  40% {
    height: 124px;
  }
  50% {
    height: 22px;
  }
  60% {
    height: 79px;
  }
  70% {
    height: 270px;
  }
  80% {
    height: 283px;
  }
  90% {
    height: 48px;
  }
  100% {
    height: 103px;
  }
}
.bar:nth-child(52) {
  background-color: #8fbed6;
  -webkit-animation: grow52 2692ms alternate infinite;
          animation: grow52 2692ms alternate infinite;
}

@-webkit-keyframes grow52 {
  0% {
    height: 140px;
  }
  10% {
    height: 99px;
  }
  20% {
    height: 280px;
  }
  30% {
    height: 289px;
  }
  40% {
    height: 285px;
  }
  50% {
    height: 102px;
  }
  60% {
    height: 166px;
  }
  70% {
    height: 198px;
  }
  80% {
    height: 176px;
  }
  90% {
    height: 183px;
  }
  100% {
    height: 158px;
  }
}

@keyframes grow52 {
  0% {
    height: 140px;
  }
  10% {
    height: 99px;
  }
  20% {
    height: 280px;
  }
  30% {
    height: 289px;
  }
  40% {
    height: 285px;
  }
  50% {
    height: 102px;
  }
  60% {
    height: 166px;
  }
  70% {
    height: 198px;
  }
  80% {
    height: 176px;
  }
  90% {
    height: 183px;
  }
  100% {
    height: 158px;
  }
}
.bar:nth-child(53) {
  background-color: #8fbed6;
  -webkit-animation: grow53 2807ms alternate infinite;
          animation: grow53 2807ms alternate infinite;
}

@-webkit-keyframes grow53 {
  0% {
    height: 269px;
  }
  10% {
    height: 163px;
  }
  20% {
    height: 281px;
  }
  30% {
    height: 120px;
  }
  40% {
    height: 277px;
  }
  50% {
    height: 261px;
  }
  60% {
    height: 126px;
  }
  70% {
    height: 90px;
  }
  80% {
    height: 299px;
  }
  90% {
    height: 202px;
  }
  100% {
    height: 82px;
  }
}

@keyframes grow53 {
  0% {
    height: 269px;
  }
  10% {
    height: 163px;
  }
  20% {
    height: 281px;
  }
  30% {
    height: 120px;
  }
  40% {
    height: 277px;
  }
  50% {
    height: 261px;
  }
  60% {
    height: 126px;
  }
  70% {
    height: 90px;
  }
  80% {
    height: 299px;
  }
  90% {
    height: 202px;
  }
  100% {
    height: 82px;
  }
}
.bar:nth-child(54) {
  background-color: #90bed5;
  -webkit-animation: grow54 2670ms alternate infinite;
          animation: grow54 2670ms alternate infinite;
}

@-webkit-keyframes grow54 {
  0% {
    height: 234px;
  }
  10% {
    height: 84px;
  }
  20% {
    height: 126px;
  }
  30% {
    height: 284px;
  }
  40% {
    height: 290px;
  }
  50% {
    height: 281px;
  }
  60% {
    height: 251px;
  }
  70% {
    height: 295px;
  }
  80% {
    height: 106px;
  }
  90% {
    height: 252px;
  }
  100% {
    height: 204px;
  }
}

@keyframes grow54 {
  0% {
    height: 234px;
  }
  10% {
    height: 84px;
  }
  20% {
    height: 126px;
  }
  30% {
    height: 284px;
  }
  40% {
    height: 290px;
  }
  50% {
    height: 281px;
  }
  60% {
    height: 251px;
  }
  70% {
    height: 295px;
  }
  80% {
    height: 106px;
  }
  90% {
    height: 252px;
  }
  100% {
    height: 204px;
  }
}
.bar:nth-child(55) {
  background-color: #91bed4;
  -webkit-animation: grow55 2873ms alternate infinite;
          animation: grow55 2873ms alternate infinite;
}

@-webkit-keyframes grow55 {
  0% {
    height: 30px;
  }
  10% {
    height: 276px;
  }
  20% {
    height: 215px;
  }
  30% {
    height: 179px;
  }
  40% {
    height: 205px;
  }
  50% {
    height: 15px;
  }
  60% {
    height: 166px;
  }
  70% {
    height: 159px;
  }
  80% {
    height: 138px;
  }
  90% {
    height: 216px;
  }
  100% {
    height: 96px;
  }
}

@keyframes grow55 {
  0% {
    height: 30px;
  }
  10% {
    height: 276px;
  }
  20% {
    height: 215px;
  }
  30% {
    height: 179px;
  }
  40% {
    height: 205px;
  }
  50% {
    height: 15px;
  }
  60% {
    height: 166px;
  }
  70% {
    height: 159px;
  }
  80% {
    height: 138px;
  }
  90% {
    height: 216px;
  }
  100% {
    height: 96px;
  }
}
.bar:nth-child(56) {
  background-color: #92bdd3;
  -webkit-animation: grow56 2088ms alternate infinite;
          animation: grow56 2088ms alternate infinite;
}

@-webkit-keyframes grow56 {
  0% {
    height: 129px;
  }
  10% {
    height: 187px;
  }
  20% {
    height: 123px;
  }
  30% {
    height: 30px;
  }
  40% {
    height: 224px;
  }
  50% {
    height: 145px;
  }
  60% {
    height: 230px;
  }
  70% {
    height: 20px;
  }
  80% {
    height: 121px;
  }
  90% {
    height: 15px;
  }
  100% {
    height: 149px;
  }
}

@keyframes grow56 {
  0% {
    height: 129px;
  }
  10% {
    height: 187px;
  }
  20% {
    height: 123px;
  }
  30% {
    height: 30px;
  }
  40% {
    height: 224px;
  }
  50% {
    height: 145px;
  }
  60% {
    height: 230px;
  }
  70% {
    height: 20px;
  }
  80% {
    height: 121px;
  }
  90% {
    height: 15px;
  }
  100% {
    height: 149px;
  }
}
.bar:nth-child(57) {
  background-color: #92bdd3;
  -webkit-animation: grow57 2472ms alternate infinite;
          animation: grow57 2472ms alternate infinite;
}

@-webkit-keyframes grow57 {
  0% {
    height: 39px;
  }
  10% {
    height: 141px;
  }
  20% {
    height: 255px;
  }
  30% {
    height: 271px;
  }
  40% {
    height: 79px;
  }
  50% {
    height: 177px;
  }
  60% {
    height: 83px;
  }
  70% {
    height: 146px;
  }
  80% {
    height: 159px;
  }
  90% {
    height: 89px;
  }
  100% {
    height: 260px;
  }
}

@keyframes grow57 {
  0% {
    height: 39px;
  }
  10% {
    height: 141px;
  }
  20% {
    height: 255px;
  }
  30% {
    height: 271px;
  }
  40% {
    height: 79px;
  }
  50% {
    height: 177px;
  }
  60% {
    height: 83px;
  }
  70% {
    height: 146px;
  }
  80% {
    height: 159px;
  }
  90% {
    height: 89px;
  }
  100% {
    height: 260px;
  }
}
.bar:nth-child(58) {
  background-color: #93bdd2;
  -webkit-animation: grow58 2160ms alternate infinite;
          animation: grow58 2160ms alternate infinite;
}

@-webkit-keyframes grow58 {
  0% {
    height: 114px;
  }
  10% {
    height: 253px;
  }
  20% {
    height: 96px;
  }
  30% {
    height: 88px;
  }
  40% {
    height: 239px;
  }
  50% {
    height: 131px;
  }
  60% {
    height: 28px;
  }
  70% {
    height: 64px;
  }
  80% {
    height: 117px;
  }
  90% {
    height: 26px;
  }
  100% {
    height: 6px;
  }
}

@keyframes grow58 {
  0% {
    height: 114px;
  }
  10% {
    height: 253px;
  }
  20% {
    height: 96px;
  }
  30% {
    height: 88px;
  }
  40% {
    height: 239px;
  }
  50% {
    height: 131px;
  }
  60% {
    height: 28px;
  }
  70% {
    height: 64px;
  }
  80% {
    height: 117px;
  }
  90% {
    height: 26px;
  }
  100% {
    height: 6px;
  }
}
.bar:nth-child(59) {
  background-color: #94bdd1;
  -webkit-animation: grow59 2832ms alternate infinite;
          animation: grow59 2832ms alternate infinite;
}

@-webkit-keyframes grow59 {
  0% {
    height: 242px;
  }
  10% {
    height: 225px;
  }
  20% {
    height: 191px;
  }
  30% {
    height: 68px;
  }
  40% {
    height: 162px;
  }
  50% {
    height: 46px;
  }
  60% {
    height: 78px;
  }
  70% {
    height: 195px;
  }
  80% {
    height: 169px;
  }
  90% {
    height: 74px;
  }
  100% {
    height: 235px;
  }
}

@keyframes grow59 {
  0% {
    height: 242px;
  }
  10% {
    height: 225px;
  }
  20% {
    height: 191px;
  }
  30% {
    height: 68px;
  }
  40% {
    height: 162px;
  }
  50% {
    height: 46px;
  }
  60% {
    height: 78px;
  }
  70% {
    height: 195px;
  }
  80% {
    height: 169px;
  }
  90% {
    height: 74px;
  }
  100% {
    height: 235px;
  }
}
.bar:nth-child(60) {
  background-color: #95bcd0;
  -webkit-animation: grow60 2458ms alternate infinite;
          animation: grow60 2458ms alternate infinite;
}

@-webkit-keyframes grow60 {
  0% {
    height: 100px;
  }
  10% {
    height: 88px;
  }
  20% {
    height: 103px;
  }
  30% {
    height: 21px;
  }
  40% {
    height: 74px;
  }
  50% {
    height: 158px;
  }
  60% {
    height: 97px;
  }
  70% {
    height: 6px;
  }
  80% {
    height: 150px;
  }
  90% {
    height: 153px;
  }
  100% {
    height: 147px;
  }
}

@keyframes grow60 {
  0% {
    height: 100px;
  }
  10% {
    height: 88px;
  }
  20% {
    height: 103px;
  }
  30% {
    height: 21px;
  }
  40% {
    height: 74px;
  }
  50% {
    height: 158px;
  }
  60% {
    height: 97px;
  }
  70% {
    height: 6px;
  }
  80% {
    height: 150px;
  }
  90% {
    height: 153px;
  }
  100% {
    height: 147px;
  }
}