style.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

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

.neon-glow {
  box-shadow: 0 0 20px rgba(188, 19, 254, 0.3);
  transition: box-shadow 0.3s ease;
}

.neon-glow:hover {
  box-shadow: 0 0 40px rgba(188, 19, 254, 0.5);
}

.text-neonpurple {
  color: #bc13fe;
}

.text-neonblue {
  color: #1b03a3;
}

.text-neonpink {
  color: #ff44cc;
}

.bg-neonpurple {
  background-color: #bc13fe;
}

.bg-neonblue {
  background-color: #1b03a3;
}

.bg-neonpink {
  background-color: #ff44cc;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(#bc13fe, #1b03a3);
  border-radius: 4px;
}

::selection {
  background-color: rgba(188, 19, 254, 0.5);
  color: white;
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

@keyframes neon-flicker {
    0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
        text-shadow: 
            0 0 5px #b36aff,
            0 0 10px #b36aff,
            0 0 15px #b36aff,
            0 0 20px #2cd4ff;
    }
    20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
        text-shadow: none;
    }
}

.neon-icon {
    animation: neon-flicker 1.5s infinite alternate;
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}