/* Ensure no white background blocks the particles */
body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  height: 100vh;
  overflow-y: auto; /* Allows scrolling if needed */
  background: transparent !important; /* Make the background transparent */
}

/* Ensure main content doesn't block particles */
main, #quarto-document-content {
  background: transparent !important;
  position: relative;
  z-index: 10; /* Keep content above particles */
}

/* Particles Container */
#particles-js {
  position: fixed; /* Stay fixed while scrolling */
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1; /* Push it behind everything */
}