.subject-box {
  margin: 20px auto;
  padding: 20px;
  width: 90%;
  max-width: 1200px;
  border-radius: 15px;
  position: relative;
  animation: neon-border-animation 5s linear infinite;
  box-shadow: 0 0 20px #ff0057, 0 0 30px #ff7a00, 0 0 40px #00ffe1, 0 0 50px #ff00f2;
}

@keyframes neon-border-animation {
  0% {
    box-shadow: 0 0 20px #ff0057, 0 0 30px #ff7a00, 0 0 40px #00ffe1, 0 0 50px #ff00f2;
  }
  50% {
    box-shadow: 0 0 20px #ff7a00, 0 0 30px #00ffe1, 0 0 40px #ff00f2, 0 0 50px #ff0057;
  }
  100% {
    box-shadow: 0 0 20px #ff0057, 0 0 30px #ff7a00, 0 0 40px #00ffe1, 0 0 50px #ff00f2;
  }
}