final push, idrc that im pushing imcomplete code honestly

index.html

@@ -50,7 +50,6 @@
       <a href="/support.html">Support</a>
       <a href="/about.html">About</a>
     </header>
-
     <main id="main" class="noscroll">
       <h1>selenite.</h1>
       <p id="randomquote">...</p>
@@ -66,7 +65,7 @@
         </div>
       </div>
     </main>
-
+    
     <footer class="noscroll">
       <a href="https://github.com/skysthelimitt/Selenite">Source Code</a>
       <a id="panicmode">Panic Mode</a>
@@ -75,5 +74,6 @@
       <a href="https://discord.gg/7jyufnwJNf">Discord</a>
       <a href="https://forms.gle/iBAbXvEDaYTLuEcdA">Suggestions</a>
     </footer>
+    
   </body>
 </html>

js/particlesjs-config.json

@@ -0,0 +1,110 @@
+{
+  "particles": {
+    "number": {
+      "value": 160,
+      "density": {
+        "enable": true,
+        "value_area": 800
+      }
+    },
+    "color": {
+      "value": "#ffffff"
+    },
+    "shape": {
+      "type": "circle",
+      "stroke": {
+        "width": 0,
+        "color": "#000000"
+      },
+      "polygon": {
+        "nb_sides": 5
+      },
+      "image": {
+        "src": "img/github.svg",
+        "width": 100,
+        "height": 100
+      }
+    },
+    "opacity": {
+      "value": 1,
+      "random": true,
+      "anim": {
+        "enable": true,
+        "speed": 1,
+        "opacity_min": 0,
+        "sync": false
+      }
+    },
+    "size": {
+      "value": 3,
+      "random": true,
+      "anim": {
+        "enable": false,
+        "speed": 4,
+        "size_min": 0.3,
+        "sync": false
+      }
+    },
+    "line_linked": {
+      "enable": false,
+      "distance": 150,
+      "color": "#ffffff",
+      "opacity": 0.4,
+      "width": 1
+    },
+    "move": {
+      "enable": true,
+      "speed": 1,
+      "direction": "none",
+      "random": true,
+      "straight": false,
+      "out_mode": "out",
+      "bounce": false,
+      "attract": {
+        "enable": false,
+        "rotateX": 600,
+        "rotateY": 600
+      }
+    }
+  },
+  "interactivity": {
+    "detect_on": "window",
+    "events": {
+      "onhover": {
+        "enable": true,
+        "mode": "bubble"
+      },
+      "onclick": {
+        "enable": true,
+        "mode": "repulse"
+      },
+      "resize": true
+    },
+    "modes": {
+      "grab": {
+        "distance": 400,
+        "line_linked": {
+          "opacity": 1
+        }
+      },
+      "bubble": {
+        "distance": 250,
+        "size": 10,
+        "duration": 2,
+        "opacity": 0,
+        "speed": 3
+      },
+      "repulse": {
+        "distance": 143.8469468485531,
+        "duration": 0.4
+      },
+      "push": {
+        "particles_nb": 4
+      },
+      "remove": {
+        "particles_nb": 2
+      }
+    }
+  },
+  "retina_detect": true
+}

style.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300&display=swap');
 @keyframes loadInAnimation {
   0% {
     opacity: 0;
@@ -15,7 +15,7 @@
   box-sizing: border-box;
   align-content: center;
   text-align: center;
-  font-family: "Baloo Da 2", cursive;
+  font-family: 'Prompt', sans-serif;
   color: var(--textcolor);
 }
 body {