body {
  background-color: #0d0d0d;
  color: white;
  font-family: 'Poppins', sans-serif;
}

.gradient-text,
.nav-btn svg path {
  background: linear-gradient(90deg, #00c8ff, #9b00ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  fill: url(#gradient);
}

svg path {
  fill: currentColor;
  transition: color 0.3s ease;
}

.nav-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  gap: 0.25rem;
  color: inherit;
  transition: transform 0.2s ease, color 0.3s ease;
}

.nav-btn svg {
  width: 32px;
  height: 32px;
}

.nav-btn:hover {
  transform: scale(1.1);
  color: #00c8ff;
}

.nav-btn span {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

#infinity {
  font-size: 10rem;
  line-height: 1;
  margin-bottom: -0.5rem;
}

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