@keyframes silverWave {
  0% {
    background-position: 50% 0%;
    filter: brightness(1.45);
  }
  50% {
    background-position: 50% 100%;
    filter: brightness(1.5); /* optional “brighter” moment */
  }
  100% {
    background-position: 50% 0%;
    filter: brightness(1.45);
  }
}

.silver-letter {
    background: linear-gradient(90deg #e0e0e0, 	#b7b7b7, #929292);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    font-weight: 600;
    font-size: 24px;

    animation: silverWave 15s infinite ease-in-out;

    text-shadow:
      0px 0px 1px #e0e0e0
}

@keyframes silverFloat {
  0%, 100% {
    transform: translateX(-2px) rotate(-5deg) translateY(2px);
  }
  50% {
    transform: translateX(-2px) rotate(-5deg) translateY(0px); /* floating upward */
  }
}
.silver-q {
  color: #a0a0a0;
  background-size: 300% 300%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  font-family: 'Quicksand', sans-serif;
  font-weight: bold;
  font-size: 26px;
  font-style: italic;

  /* Combine the wave animation with the floating effect */
  animation: silverWave 12s infinite ease-in-out, silverFloat 2s infinite ease-in-out;

  margin: 0;
  padding: 0;

  text-shadow: 0px 0px 0px #a0a0a0;
}