/* Unquiet Spirits Font */
@font-face {
  font-family: 'Unquiet Spirits';
  src: url('../fonts/Unquiet_Spirits.woff2') format('woff2'),
       url('../fonts/Unquiet_Spirits.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Neon Logo Styles */
.neon-logo {
  font-family: 'Unquiet Spirits', 'Arial Black', sans-serif;
  font-size: 90px;
  font-weight: normal;
  letter-spacing: 4px;
  text-align: center;
  margin: 40px 0 30px 0;
  position: relative;
  line-height: 0.75;
}

.neon-logo .lumix,
.neon-logo .records {
  display: block;
  line-height: 0.75;
}

.neon-logo .lumix {
  color: #00ffff;
  text-shadow:
    0 0 10px #00ffff,
    0 0 20px #00ffff,
    0 0 30px #00ffff,
    0 0 40px #00e5ff,
    0 0 60px #00d4ff,
    0 0 80px #00c3ff;
  animation: neonFlicker 3s infinite alternate;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

.neon-logo .records {
  color: #b366ff;
  text-shadow:
    0 0 10px #9d00ff,
    0 0 20px #9d00ff,
    0 0 30px #9d00ff,
    0 0 40px #9d00ff,
    0 0 60px #9d00ff,
    0 0 80px #9d00ff;
  animation: neonFlicker 2.5s infinite alternate;
  animation-delay: 0.3s;
  margin-top: 0;
  position: relative;
  z-index: 1;
}

/* Neon Flicker Animation */
@keyframes neonFlicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    opacity: 1;
  }
  20%, 24%, 55% {
    opacity: 0.85;
  }
}

/* Responsive Design */
@media only screen and (max-width: 1024px) {
  .neon-logo {
    font-size: 70px;
    letter-spacing: 3px;
  }
}

@media only screen and (max-width: 480px) {
  .neon-logo {
    font-size: 60px;
    letter-spacing: 2px;
  }
}