@-webkit-keyframes bounce-size {
  0% {
    height: 0;
    top: 0;
  }
  10% {
    height: 32%;
    top: -16%;
  }
  20% {
    height: 0;
    top: 0;
  }
  30% {
    height: 16%;
    top: -8%;
  }
  40% {
    height: 0;
    top: 0;
  }
  50% {
    height: 8%;
    top: -4%;
  }
  60% {
    height: 0;
    top: 0;
  }
  70% {
    height: 4%;
    top: -2%;
  }
  80% {
    height: 0;
    top: 0;
  }
  90% {
    height: 2%;
    top: -1%;
  }
  100% {
    height: 0;
    top: 0;
  }
}

@keyframes bounce-size {
  0% {
    height: 0;
    top: 0;
  }
  10% {
    height: 32%;
    top: -16%;
  }
  20% {
    height: 0;
    top: 0;
  }
  30% {
    height: 16%;
    top: -8%;
  }
  40% {
    height: 0;
    top: 0;
  }
  50% {
    height: 8%;
    top: -4%;
  }
  60% {
    height: 0;
    top: 0;
  }
  70% {
    height: 4%;
    top: -2%;
  }
  80% {
    height: 0;
    top: 0;
  }
  90% {
    height: 2%;
    top: -1%;
  }
  100% {
    height: 0;
    top: 0;
  }
}

@-webkit-keyframes bounce-color {
  0% {
    background-color: #fff;
  }
  20% {
    background-color: #3cf;
  }
  40% {
    background-color: #fff;
  }
  60% {
    background-color: #3cf;
  }
  80% {
    background-color: #fff;
  }
  100% {
    background-color: #3cf;
  }
}

@keyframes bounce-color {
  0% {
    background-color: #fff;
  }
  20% {
    background-color: #3cf;
  }
  40% {
    background-color: #fff;
  }
  60% {
    background-color: #3cf;
  }
  80% {
    background-color: #fff;
  }
  100% {
    background-color: #3cf;
  }
}