@import url('https://fonts.googleapis.com/css2?family=Jersey+15&family=Pixelify+Sans');

body {
  background: #000000;
  color: #edabd2;
  font-size: 1.5rem;
  font-family: "Jersey 15", sans-serif;
  margin: 0;
  padding: 0;
  /* Ensure body takes full height */
  min-height: 100vh;
  position: relative; 
}

.sparkles-bg {
  height: 100vh;
  width: 100vw;
  position: fixed; /* Changed from absolute to fixed to stay in place on scroll */
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1; /* Places it behind your content */
  pointer-events: none; /* Allows clicking through the background */
}

@keyframes fade-in-out {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}