@font-face {
  font-family: neon;
  src: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/707108/neon.ttf);
}

/* 기본 스타일 */
.neon1 {
  font-family: neon;
  color: #FB4264;
  line-height: 1.1;
  animation: neonGlow 1s ease infinite;
}

/* 반응형 폰트 크기 */
/* 화면 너비 960px 이상 */
@media screen and (min-width: 960px) {
  .neon1 {
    font-size: 40px;
  }
}

/* 화면 너비 600px ~ 959px */
@media screen and (max-width: 959px) and (min-width: 600px) {
  .neon1 {
    font-size: 30px;
  }
}

/* 화면 너비 0px ~ 599px */
@media screen and (max-width: 599px) {
  .neon1 {
    font-size: 23px;
  }
}

/* 네온 효과 */
@keyframes neonGlow {
  0%, 100% {
    color: #FA1C16;
    text-shadow: 0 0 8px #FA1C16; /* 약한 빛 */
  }
  50% {
    color: #FED128;
    text-shadow: 0 0 15px #FED128; /* 강한 빛 */
  }
}