* {
  transition: all 0.3s ease;
}

.nav-link:hover {
  color: #78bd72;
}

.buy-btn:hover {
  transform: scale(1.025);
}

.trell-header-logo {
  animation: heartbeat 1.75s infinite ease-in-out;
}

.coin-name {
  animation: heartbeat 1.75s infinite ease-in-out;
}

.card-body img {
  animation: heartbeat 1.75s infinite ease-in-out;
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.04) translateY(-5px); /* grow + move up */
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.02) translateY(-3px); /* smaller pulse */
  }
  100% {
    transform: scale(1);
  }
}

.talk {
  animation: wiggle 2s infinite ease-in-out;
}

.token-img {
  animation: wiggleZero 2s infinite ease-in-out;
}

@keyframes wiggle {
  0% {
    transform: rotate(28deg);
  }
  25% {
    transform: rotate(32deg);
  }
  50% {
    transform: rotate(30deg);
  }
  75% {
    transform: rotate(32deg);
  }
  100% {
    transform: rotate(28deg);
  }
}

@keyframes wiggleZero {
  0% {
    transform: rotate(-2deg);
  }
  25% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}

.token-arrow-img {
  animation: floatUpDown 2s infinite ease-in-out;
}

@keyframes floatUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px); /* goes up */
  }
  100% {
    transform: translateY(0); /* back to start */
  }
}

#copy:hover {
  cursor: pointer;
  transform: scale(1.025);
}