@layer base {
  .stars {
    background: transparent;
    box-shadow: 
      50px 100px 2px #fff,
      120px 300px 1px #fff,
      300px 50px 1px #fff,
      450px 400px 2px #fff,
      800px 100px 1px #fff,
      200px 600px 2px #fff,
      700px 700px 1px #fff,
      150px 200px 1px #fff,
      900px 800px 2px #fff,
      500px 900px 1px #fff,
      1000px 300px 2px #fff,
      1100px 700px 1px #fff;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    animation: twinkle 4s infinite alternate;
  }
  
  @keyframes twinkle {
    0% { opacity: 0.3; }
    100% { opacity: 1; }
  }
  
  .neon-text {
    text-shadow: 
      0 0 10px #a020f0,
      0 0 20px #a020f0,
      0 0 40px #f0f020;
  }
}