@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); } }