body {
  font-family: Arial, sans-serif;
  background-color: #121212;
  /* Dark background for body */
  color: #E0E0E0;
  /* Light grey text for better readability on dark background */
  padding: 20px;
  text-align: center;
}


.clickable-logo {
  width: 125px;
  cursor: pointer;
  transition: transform 0.3s ease;
  display: block;
  margin: 20px auto;
  animation: shake 0.5s infinite;
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }

  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }

  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }

  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }

  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

.hover-text {
  color: #FFFFFF;
  /* White color for hover text */
  font-size: 14px;
  transition: color 0.3s;
  margin-bottom: 10px;
  animation: color-change 2s infinite;
}

@keyframes color-change {
  0% {
    color: cyan;
  }

  25% {
    color: magenta;
  }

  50% {
    color: yellow;
  }

  75% {
    color: lime;
  }

  100% {
    color: orange;
  }
}

.contract-address {
  color: #4CAF50;
  /* A bright green for visibility against dark background */
  font-weight: bold;
}

.cheems-gif {
  width: 25%;
  max-width: 200px;
  display: block;
  margin: 10px auto;
}