.logo-reflect {
  position: relative;
  display: inline-block;
  border-radius: 9999px;
  overflow: hidden;
}

.logo-reflect::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.6), transparent);
  pointer-events: none;
  border-radius: inherit;
}

@keyframes starfall {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(100vh) rotate(180deg);
    opacity: 0;
  }
}

.animate-starfall {
  animation-name: starfall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.text-shadow {
  text-shadow: 2px 2px 3px black;
}