.busy-index div {
  height: 20px;
  width: 20px;
  position: absolute;
  border-radius: 50%;
  background: #000;
  display: inline-block;
}

.btn.btn-primary {
    background-color: #009FDF;
}

.busy-index div:first-child {
  animation: move 1s ease-in-out infinite alternate;
  background: #009FDF;
  margin-left: 0;
}
.busy-index div:nth-child(2) {
  animation: move 1s ease-in-out -0.25s infinite alternate;
  margin-left: 35px;
  background: #78BE20;
}
.busy-index div:nth-child(3) {
  animation: move 1s ease-in-out -0.5s infinite alternate;
  margin-left: 70px;
  background: #FFD100;
}
.busy-index div:nth-child(4) {
  animation: move 1s ease-in-out -0.75s infinite alternate;
  margin-left: 105px;
  background: #888B8D;
}
@-moz-keyframes move {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(5px);
  }
}
@-webkit-keyframes move {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(5px);
  }
}
@-o-keyframes move {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(5px);
  }
}
@keyframes move {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(5px);
  }
}
.col-sm-3{
  padding-left: 0 !important;
  padding-right: 0 !important;
  animation: fadeIn 1s;
  height: 100vh;
}

@keyframes fadeIn{
  0%{
    opacity: 0;
    transform: translateY(-10px);
  }
  100%{
    opacity: 1;
    transform: translateY(0px);
  }
}

.screen-center {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -62px;
}
