body { background-color: #000; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; font-family: Arial, sans-serif; } .wave-link { font-size: 16px; color: #fff; text-decoration: none; display: inline-block; position: relative; } .wave-link span { display: inline-block; animation: wave 4s linear infinite; color: #fff; } @keyframes wave { 0% { color: #fff; } 50% { color: #0cd2df; } 100% { color: #fff; } } .wave-link span:nth-child(1) { animation-delay: 0s; } .wave-link span:nth-child(2) { animation-delay: 0.2s; } .wave-link span:nth-child(3) { animation-delay: 0.4s; } .wave-link span:nth-child(4) { animation-delay: 0.6s; } .wave-link span:nth-child(5) { animation-delay: 0.8s; } .wave-link span:nth-child(6) { animation-delay: 1s; } .wave-link span:nth-child(7) { animation-delay: 1.2s; } .wave-link span:nth-child(8) { animation-delay: 1.4s; } .wave-link span:nth-child(9) { animation-delay: 1.6s; } .wave-link span:nth-child(10) { animation-delay: 1.8s; } .wave-link span:nth-child(11) { animation-delay: 2s; } .wave-link span:nth-child(12) { animation-delay: 2.2s; } .wave-link span:nth-child(13) { animation-delay: 2.4s; } .wave-link span:nth-child(14) { animation-delay: 2.6s; }