particlesJS("particles-js", {
    particles: {
      number: {
        value: 90,
        density: {
          enable: true,
          value_area: 631.3280775270874
        }
      },
      color: {
        value: ["#FF6F00", "#FFFFFF"]
      },
      shape: {
        // type: ["circle", "triangle", "star"],
        type: ["star"],
        stroke: {
          width: 0,
          color: "#FF6F00"
        },
        polygon: {
          nb_sides: 5
        },
        image: {
          src: "img/github.svg",
          width: 100,
          height: 100
        }
      },
      opacity: {
        value: 0.8,
        random: true,
        anim: {
          enable: true,
          speed: 1,
          opacity_min: 0.2,
          sync: false
        }
      },
      size: {
        value: 6,
        random: true,
        anim: {
          enable: false,
          speed: 50,
          size_min: 0.1,
          sync: false
        }
      },
      line_linked: {
        enable: false,
        distance: 500,
        color: "#ff0000",
        opacity: 0.5,
        width: 2
      },
      rotate: {
        value: 0, 
        random: true,
        direction: "random",
        animation: {
          enable: true,
          speed: 5,
          sync: false
        }
      },
      move: {
        enable: true,
        speed: 0.5,
        direction: "none",
        random: true,
        straight: false,
        out_mode: "out",
        bounce: false,
        attract: {
          enable: false,
          rotateX: 600,
          rotateY: 1200
        }
      }
    },
    interactivity: {
      detect_on: "canvas",
      events: {
        onhover: {
          enable: false,
          mode: "bubble"
        },
        onclick: {
          enable: true,
          mode: "repulse"
        },
        resize: true
      },
      modes: {
        grab: {
          distance: 400,
          line_linked: {
            opacity: 0.5
          }
        },
        bubble: {
          distance: 400,
          size: 4,
          duration: 0.3,
          opacity: 1,
          speed: 3
        },
        repulse: {
          distance: 200,
          duration: 0.4
        },
        push: {
          particles_nb: 4
        },
        remove: {
          particles_nb: 2
        }
      }
    },
    retina_detect: true
  });
  // var count_particles, stats, update;
  // // stats = new Stats();
  // stats.setMode(0);
  // stats.domElement.style.position = "absolute";
  // stats.domElement.style.left = "0px";
  // stats.domElement.style.top = "0px";
  // document.body.appendChild(stats.domElement);
  // count_particles = document.querySelector(".js-count-particles");
  // update = function() {
  //   stats.begin();
  //   stats.end();
  //   if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
  //     count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
  //   }
  //   requestAnimationFrame(update);
  // };
  // requestAnimationFrame(update);

// particlesJS("particles-js", {
//     particles: {
//       number: {
//         value: 100, // Increase the number of particles
//         density: {
//           enable: true,
//           value_area: 800
//         }
//       },
//       color: {
//         value: "#FDBDB0" // A bright gold color for the sparkles
//       },
//       shape: {
//         type: "circle",
//         stroke: {
//           width: 0,
//           color: "#FDBDB0"
//         }
//       },
//       opacity: {
//         value: 1, // Slightly lower opacity for a subtle sparkle
//         random: true,
//         anim: {
//           enable: true,
//           speed: 1,
//           opacity_min: 0.3,
//           sync: false
//         }
//       },
//       size: {
//         value: 8, // Smaller particles to create a sparkle effect
//         random: true,
//         anim: {
//           enable: true,
//           speed: 5,
//           size_min: 0.1,
//           sync: false
//         }
//       },
//       line_linked: {
//         enable: false // Disable lines between particles for a cleaner sparkle effect
//       },
//       move: {
//         enable: true,
//         speed: 1, // Slow movement to enhance the sparkle effect
//         direction: "none",
//         random: true,
//         straight: false,
//         out_mode: "out",
//         bounce: false,
//         attract: {
//           enable: false,
//           rotateX: 600,
//           rotateY: 1200
//         }
//       }
//     },
//     interactivity: {
//       detect_on: "canvas",
//       events: {
//         onhover: {
//           enable: true,
//           mode: "bubble" // Particles will grow on hover, enhancing the sparkle effect
//         },
//         onclick: {
//           enable: true,
//           mode: "push" // Add more sparkles on click
//         },
//         resize: true
//       },
//       modes: {
//         grab: {
//           distance: 400,
//           line_linked: {
//             opacity: 0.5
//           }
//         },
//         bubble: {
//           distance: 200,
//           size: 6,
//           duration: 0.4,
//           opacity: 1,
//           speed: 3
//         },
//         repulse: {
//           distance: 200,
//           duration: 0.4
//         },
//         push: {
//           particles_nb: 4
//         },
//         remove: {
//           particles_nb: 2
//         }
//       }
//     },
//     retina_detect: true
//   });
  
//   var count_particles, stats, update;
//   stats = new Stats();
//   stats.setMode(0);
//   stats.domElement.style.position = "absolute";
//   stats.domElement.style.left = "0px";
//   stats.domElement.style.top = "0px";
//   document.body.appendChild(stats.domElement);
//   count_particles = document.querySelector(".js-count-particles");
//   update = function() {
//     stats.begin();
//     stats.end();
//     if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
//       count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
//     }
//     requestAnimationFrame(update);
//   };
//   requestAnimationFrame(update);
  