@keyframes barAnimation {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@keyframes timeAni {
  0% {
    transform: scale(0.6);
    opacity: 0.8;
    z-index: 99;
    box-shadow: 0 0 10px rgba(64, 224, 208, 0.1);
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
    z-index: 100;
    box-shadow: 0 0 10px rgba(64, 224, 208, 0.5);
  }
  100% {
    transform: scale(0.6);
    opacity: 0.8;
    z-index: 99;
    box-shadow: 0 0 10px rgba(64, 224, 208, 0.1);
  }
}

@keyframes loading {
  0% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(1.2);
  }
  100% {
    transform: scaleY(0.6);
  }
}