body {
  background-color: #0a2332;
}

.gradient-text {
  background: linear-gradient(to right, #a855f7, #06b6d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-gold {
  background: linear-gradient(to right, #f1b939, #fff3c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.image-link {
  display: block;
  margin-bottom: 1rem; /* Espaçamento entre os blocos */
}

.image-link img {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.image-link:hover img {
  transform: scale(1.05);
  box-shadow: 0 0 10px #f3b529, 0 0 20px #f3b529, 0 0 40px #f3b529, 0 0 80px #f3b529;
}

@media (hover: none) {
  .image-link:active img {
    transform: scale(1.05);
    box-shadow: 0 0 10px #f3b529, 0 0 20px #f3b529, 0 0 40px #f3b529, 0 0 80px #f3b529;
  }
}