h1 span {
    display: inline-block;
}

a {
  /*display: block;  */            
  font-size: 1.5rem;           
 /* margin: 1rem 0;   */          
  color: inherit;
  text-decoration: none;
  transition: 0.2s;
}

a:hover {
  cursor: pointer;

  background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
  background-size: 400%;            
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: rainbowText 3s linear infinite;
  text-decoration: underline;
}

@keyframes rainbowText {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes jump {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

@media (max-width: 480px) {
  a {
    font-size: 1.3rem;
  }
}

.jump {
    animation: jump 0.5s ease;
}