diff --git a/404.html b/404.html
deleted file mode 100644
index 0c5a8be..0000000
--- a/404.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
-
-  <link rel="stylesheet" href="/global/navBar.css">
-  <link rel="stylesheet" href="/global/globalStyle.css">
-  <link rel="stylesheet" href="/global/loadingScreen.css">
-  <link rel="stylesheet" href="style.css">
-
-  <link rel="icon" type="image/png" href="/assets/favicon_32x32.png">
-  <title>Byte Dice - 404</title>
-</head>
-
-<body>
-  <div id="mainDiv">
-    <h3 style="text-align: center; margin: 20px auto; max-width: min(600px, 90vw);">404 - Page not found.<br>
-    But you found this page, so... good job, I guess?<br><br>
-    Have a picture of a cat instead:<br>
-    <img src="/assets/boykissers/boykisser.png" style="max-width: min(300px, 50vw); max-height: min(300px, 50vh); aspect-ratio: 1 / 1; border: 1vw solid black; border-radius: 15%;"><br>
-    Oh yeah, you go to the homepage by pressing the button with 3 dots in the bottom.<br>
-    It's supposed to represent a 3-dice roll.
-    </h3>
-    <div id="navBarContainer" data-alt="byte"></div>
-  </div>
-
-  <div id="loadingScreen"></div>
-
-  <!-- global -->
-  <script src="/global/globalScript.js"></script>
-  <script src="/global/pxDensity.js"></script>
-  <script src="/global/loadingScreen.js"></script>
-  <script src="/global/navBar.js"></script>
-  <script src="/global/screenTransition.js"></script>
-
-  <!-- local -->
-  <script src="script_404.js"></script>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/data/navBar.json b/data/navBar.json
index 5dc7d68..7d240dd 100644
--- a/data/navBar.json
+++ b/data/navBar.json
@@ -1,10 +1,4 @@
 [
-  {
-    "icon": "discord_8x8.png",
-    "action": "navigate",
-    "actionValue": "https://discord.com",
-    "disabled": true
-  },
   {
     "icon": "youtube_8x8.png",
     "action": "navigate",
diff --git a/global/globalScript.js b/global/globalScript.js
index 71c5400..12da6c8 100644
--- a/global/globalScript.js
+++ b/global/globalScript.js
@@ -99,6 +99,7 @@ function toggleGrid(offX = 0, offY = 0) {
   let repeatCountY = window.innerHeight / pxDensity
 
   ctx.strokeStyle = "#ff0000"
+	ctx.strokeSize = 1
   ctx.beginPath()
 
   for (x = 0; x < repeatCountX; x++) {
@@ -172,7 +173,9 @@ document.addEventListener("DOMContentLoaded", async function() {
 
   switch (CURRENT_PAGE) {
     case (PAGES.SYNTHWAVE): loadingScreenSynthwave(); break
-    case (PAGES.LICENSE):   onLoadLicense(); break
+    case (PAGES.LICENSE):   onLoadLicense(); loadingScreenStars(); break
+		case (PAGES.TOYS):      loadingScreenStars(); break
+		case (PAGES.LIBS):      loadingScreenStars(); break
   }
   
   if (navBarPresent) {
diff --git a/global/globalStyle.css b/global/globalStyle.css
index bde121a..e5140de 100644
--- a/global/globalStyle.css
+++ b/global/globalStyle.css
@@ -99,4 +99,14 @@ canvas {
 }
 .switch input:checked + .switchDecor:before {
   transform: translateX(calc(4px * var(--pxDensity)));
+}
+#starNoise {
+  position: absolute;
+  top: 0%;
+  left: 0%;
+  width: calc(512px * var(--pxDensity));
+  height: auto;
+  aspect-ratio: 1 / 1;
+  image-rendering: pixelated;
+  transform: translate(-50%, -50%);
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 32ed08e..8c67e49 100644
--- a/index.html
+++ b/index.html
@@ -66,7 +66,7 @@
   <!-- local -->
   <script src="script.js"></script>
   <script src="synthwaveEffect.js"></script>
-  <script src="starfall.js"></script>
+  <script src="stars.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/libs/index.html b/libs/index.html
index 7d7e43b..a768890 100644
--- a/libs/index.html
+++ b/libs/index.html
@@ -28,6 +28,9 @@
 
 <body>
   <div id="mainDiv">
+		<img src="/assets/backgrounds/starNoise_512x512.png" draggable="false" id="starNoise">
+		<canvas id="starfallCanvas"></canvas>
+
     <div id="navBarContainer" data-alt="byte, noAnim, testtube"></div>
 
     <ul class="libUl">
@@ -57,6 +60,7 @@
 
   <!-- local -->
   <script src="script.js"></script>
+	<script src="/stars.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/libs/test/index.html b/libs/test/index.html
index aa6dff5..9af3263 100644
--- a/libs/test/index.html
+++ b/libs/test/index.html
@@ -28,9 +28,12 @@
 
 <body>
   <div id="mainDiv">
+		<img src="/assets/backgrounds/starNoise_512x512.png" draggable="false" id="starNoise">
+		<canvas id="starfallCanvas"></canvas>
+
     <div id="navBarContainer" data-alt="byte, noAnim, return"></div>
 
-		<div class="encased" style="margin: calc(3px * var(--pxDensity)); max-width: 30em">
+		<div class="borderedRect" style="margin: calc(3px * var(--pxDensity)); max-width: 30em">
 			<h1 style="margin-bottom: calc(1px * var(--pxDensity)); font-size: 2em; color: red; text-decoration: underline;">
 				WARNING
 			</h1>
@@ -64,6 +67,7 @@
 
   <!-- local -->
   <script src="../script.js"></script>
+	<script src="/stars.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/script.js b/script.js
index eb0605f..7839403 100644
--- a/script.js
+++ b/script.js
@@ -14,18 +14,6 @@ function loadingScreenSynthwave() {
 }
 
 
-function addStars() {
-  let starNoise = document.getElementById("starNoise")
-  let randX = randomInt(0, 256)
-  let randY = randomInt(0, 256)
-
-  debugPrint("Star pos", `[x: ${randX}, y: ${randY}]`)
-
-  starNoise.style.top = `round(calc(${randX}px * var(--pxDensity)), var(--pxDensityPx))`
-  starNoise.style.left = `round(calc(${randY}px * var(--pxDensity)), var(--pxDensityPx))`
-}
-
-
 function onResizeSynthwave() {
   renderer.setSize(window.innerWidth, window.innerHeight)
   composer.setSize(window.innerWidth, window.innerHeight)
diff --git a/starfall.js b/stars.js
similarity index 65%
rename from starfall.js
rename to stars.js
index 8391169..d6d5427 100644
--- a/starfall.js
+++ b/stars.js
@@ -2,6 +2,8 @@ const starfallCanvas = document.getElementById("starfallCanvas")
 starfallCanvas.width = window.innerWidth
 starfallCanvas.height = window.innerHeight
 
+let lastUpd = Date.now()
+
 const starfallCtx = starfallCanvas.getContext("2d")
 
 
@@ -15,23 +17,26 @@ class Starfall {
     const dir = randomBool(0.5)
     this.pos.x = dir ? -50 : pxWidth + 50
     this.pos.y = randomInt(-starfallCanvas.height / 2, starfallCanvas.height / 2)
-    this.vel.x = dir ? randomFloat(3, 6) : randomFloat(-6, -3)
-    this.vel.y = randomFloat(0.25, 1)
+    this.vel.x = dir ? randomFloat(240, 580) : randomFloat(-580, -240)
+    this.vel.y = randomFloat(20, 80)
   }
 
   draw() {
-    // very expensive but idk how to make it less expensive
+		const LEN_X = this.vel.x / 15
+		const LEN_Y = this.vel.y / 15
+
+    // very expensive but idk how to make it less expensive (thanks canvas)
     drawPixelLine(
       this.pos.x,
       this.pos.y,
-      this.pos.x - (this.vel.x * 5),
-      this.pos.y - (this.vel.y * 5)
+      this.pos.x - LEN_X,
+      this.pos.y - LEN_Y
     )
   }
 
-  stepAnimation() {
-    this.pos.x += this.vel.x
-    this.pos.y += this.vel.y
+  stepAnimation(dt) {
+    this.pos.x += this.vel.x * dt
+    this.pos.y += this.vel.y * dt
   }
 }
 
@@ -81,6 +86,12 @@ function drawPixelLine(fromX, fromY, toX, toY) {
 let allStarfalls = []
 
 function animateStarfalls() {
+	let now = Date.now()
+
+	const MILLISEC = 1000
+	let dt = (now - lastUpd) / MILLISEC
+	lastUpd = now
+
   if (!isAnimating) { return }
 
   starfallCtx.clearRect(0, 0, starfallCanvas.width, starfallCanvas.height)
@@ -99,7 +110,7 @@ function animateStarfalls() {
       continue
     }
 
-    starfall.stepAnimation()
+    starfall.stepAnimation(dt)
     starfall.draw()
   }
 }
@@ -109,4 +120,25 @@ function startStarfall() {
   animateStarfalls()
 
   requestAnimationFrame(startStarfall)
+}
+
+
+function addStars() {
+  let starNoise = document.getElementById("starNoise")
+  let randX = randomInt(0, 256)
+  let randY = randomInt(0, 256)
+
+  debugPrint("Star pos", `[x: ${randX}, y: ${randY}]`)
+
+  starNoise.style.top = `round(calc(${randX}px * var(--pxDensity)), var(--pxDensityPx))`
+  starNoise.style.left = `round(calc(${randY}px * var(--pxDensity)), var(--pxDensityPx))`
+}
+
+
+function loadingScreenStars() {
+	setLoadingProgress("Adding stars...")
+  addStars()
+
+  setLoadingProgress("Starting starfall animation...")
+  startStarfall()
 }
\ No newline at end of file
diff --git a/style.css b/style.css
index 8f20761..34e8b57 100644
--- a/style.css
+++ b/style.css
@@ -8,16 +8,6 @@
   left: round(50%, var(--pxDensityPx));
   transform: translate(-50%, -50%);
 }
-#starNoise {
-  position: absolute;
-  top: 0%;
-  left: 0%;
-  width: calc(512px * var(--pxDensity));
-  height: auto;
-  aspect-ratio: 1 / 1;
-  image-rendering: pixelated;
-  transform: translate(-50%, -50%);
-}
 .bgGradient {
   image-rendering: pixelated;
   width: calc(256px * var(--pxDensity));
diff --git a/toys/index.html b/toys/index.html
index eee215c..01c63af 100644
--- a/toys/index.html
+++ b/toys/index.html
@@ -28,6 +28,9 @@
 
 <body>
   <div id="mainDiv">
+		<img src="/assets/backgrounds/starNoise_512x512.png" draggable="false" id="starNoise">
+		<canvas id="starfallCanvas"></canvas>
+
     <div class="toyUl">
       <div class="toyLi">
         <button onclick="slideTransition('/toys/license', event)" class="toyContainer borderedRect">
@@ -63,6 +66,7 @@
 
   <!-- local -->
   <script src="script.js"></script>
+	<script src="/stars.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/toys/license/index.html b/toys/license/index.html
index 7af9dde..df444bb 100644
--- a/toys/license/index.html
+++ b/toys/license/index.html
@@ -50,6 +50,9 @@
   <!-- Proof that I am Byte Dice? Check the commit history. -->
 
   <div id="mainDiv">
+		<img src="/assets/backgrounds/starNoise_512x512.png" draggable="false" id="starNoise">
+		<canvas id="starfallCanvas"></canvas>
+
     <div class="allContainer">
       <div id="optionsContainer" class="borderedRect">
         <h1 class="optionsCredits h1Top">
@@ -208,6 +211,7 @@
 
   <!-- local -->
   <script src="script.js"></script>
+	<script src="/stars.js"></script>
 </body>
 
 </html>
\ No newline at end of file
