diff --git a/public/dynamic/about-you.ejs b/public/dynamic/about-you.ejs
index 8e59e4c..c2022db 100644
--- a/public/dynamic/about-you.ejs
+++ b/public/dynamic/about-you.ejs
@@ -5,7 +5,6 @@
     <meta name="viewport" content="width=device-width">
     <title>FP650 - About You</title>
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/abtbrow"></script> -->
   </head>
diff --git a/public/dynamic/raw.ejs b/public/dynamic/raw.ejs
index 0f8488b..a47162c 100644
--- a/public/dynamic/raw.ejs
+++ b/public/dynamic/raw.ejs
@@ -5,7 +5,6 @@
     <meta name="viewport" content="width=device-width">
     <title>FP650 - Raw - <%= fileName %></title>
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/raw"></script> -->
   </head>
diff --git a/public/dynamic/server-info.ejs b/public/dynamic/server-info.ejs
index 662e90c..8078fec 100644
--- a/public/dynamic/server-info.ejs
+++ b/public/dynamic/server-info.ejs
@@ -2,9 +2,8 @@
 <html>
   <head>
     <title>FP650 - Server Info</title>
-    <link href="/styles/style.css" rel="stylesheet" type="text/css" />
     <link rel="icon" type="image/x-icon" href="/favicon.ico">
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
+    <link href="/styles/style.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/abtserv"></script> -->
   </head>
diff --git a/public/dynamic/spotify-history.ejs b/public/dynamic/spotify-history.ejs
index b499f73..0d914f4 100644
--- a/public/dynamic/spotify-history.ejs
+++ b/public/dynamic/spotify-history.ejs
@@ -2,9 +2,8 @@
 <html>
   <head>
     <title>FP650 - YCS - History</title>
-    <link href="/styles/style.css" rel="stylesheet" type="text/css" />
     <link rel="icon" type="image/x-icon" href="/favicon.ico">
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
+    <link href="/styles/style.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/YCSP"></script> -->
   </head>
diff --git a/public/dynamic/spotify-queue.ejs b/public/dynamic/spotify-queue.ejs
index 5db42d4..331add3 100644
--- a/public/dynamic/spotify-queue.ejs
+++ b/public/dynamic/spotify-queue.ejs
@@ -2,9 +2,8 @@
 <html>
   <head>
     <title>FP650 - YCS - Queue</title>
-    <link href="/styles/style.css" rel="stylesheet" type="text/css" />
     <link rel="icon" type="image/x-icon" href="/favicon.ico">
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
+    <link href="/styles/style.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/YCSP"></script> -->
   </head>
diff --git a/public/dynamic/spotify.ejs b/public/dynamic/spotify.ejs
index e50a3fd..24a6c13 100644
--- a/public/dynamic/spotify.ejs
+++ b/public/dynamic/spotify.ejs
@@ -2,9 +2,8 @@
 <html>
   <head>
     <title>FP650 - Youngchief's Spotify</title>
-    <link href="/styles/style.css" rel="stylesheet" type="text/css" />
     <link rel="icon" type="image/x-icon" href="/favicon.ico">
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
+    <link href="/styles/style.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/YCSP"></script> -->
   </head>
diff --git a/public/errors/403.ejs b/public/errors/403.ejs
index eefbb0e..ce5255a 100644
--- a/public/errors/403.ejs
+++ b/public/errors/403.ejs
@@ -5,7 +5,6 @@
     <meta name="viewport" content="width=device-width">
     <title>FP650 - 403 Error</title>
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/403error"></script> -->
   </head>
diff --git a/public/errors/404.ejs b/public/errors/404.ejs
index 2a62d03..42af90b 100644
--- a/public/errors/404.ejs
+++ b/public/errors/404.ejs
@@ -5,7 +5,6 @@
     <meta name="viewport" content="width=device-width">
     <title>FP650 - 404 Error</title>
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/404error"></script> -->
   </head>
diff --git a/public/errors/422.ejs b/public/errors/422.ejs
index 939fad0..ab5bdc0 100644
--- a/public/errors/422.ejs
+++ b/public/errors/422.ejs
@@ -5,7 +5,6 @@
     <meta name="viewport" content="width=device-width">
     <title>FP650 - 422 Error</title>
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
   </head>
   <body>
     <h5 hidden id='Maintenance' class="center"></h5>
diff --git a/public/errors/500.ejs b/public/errors/500.ejs
index 8b892f2..3c165b3 100644
--- a/public/errors/500.ejs
+++ b/public/errors/500.ejs
@@ -5,7 +5,6 @@
     <meta name="viewport" content="width=device-width">
     <title>FP650 - 500 Error</title>
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/500error"></script> -->
   </head>
diff --git a/public/errors/502.html b/public/errors/502.html
index 84ad0ca..e1b4e96 100644
--- a/public/errors/502.html
+++ b/public/errors/502.html
@@ -5,7 +5,6 @@
     <meta name="viewport" content="width=device-width">
     <title>FP650 - 502 Error</title>
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/502error"></script> -->
   </head>
diff --git a/public/pages/calculator.html b/public/pages/calculator.html
index 31f5d33..baa8b10 100644
--- a/public/pages/calculator.html
+++ b/public/pages/calculator.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/calculator"></script> -->
   </head>
diff --git a/public/pages/cheese.html b/public/pages/cheese.html
index ee828d1..e61f5eb 100644
--- a/public/pages/cheese.html
+++ b/public/pages/cheese.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/cheese"></script> -->
     <div id="preloads">
diff --git a/public/pages/code-of-hexics.html b/public/pages/code-of-hexics.html
index 4ee02b3..38fed73 100644
--- a/public/pages/code-of-hexics.html
+++ b/public/pages/code-of-hexics.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/hexics"></script> -->
   </head>
diff --git a/public/pages/construction.html b/public/pages/construction.html
index 6e69276..259e405 100644
--- a/public/pages/construction.html
+++ b/public/pages/construction.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/construction"></script> -->
   </head>
diff --git a/public/pages/css-tester.html b/public/pages/css-tester.html
new file mode 100644
index 0000000..230d215
--- /dev/null
+++ b/public/pages/css-tester.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <title>CSS Tester - FP650</title>
+    <meta name="description" content="CSS test page" />
+    <meta property="og:title" content="CSS Tester - FP650" />
+    <meta property="og:type" content="website" />
+    <meta property="og:image" content="https://firepup650.com/favicon.ico" />
+    <meta property="og:image:height" content="512" />
+    <meta property="og:image:width" content="512" />
+    <meta property="og:url" content="https://firepup650.com/css-tester" />
+    <meta property="og:description" content="CSS test page" />
+    <meta property="og:site_name" content="Firepup650's Site" />
+    <meta property="og:locale" content="en_US">
+    <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
+    <link href="/styles/style.css" rel="stylesheet" type="text/css" />
+    <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
+    <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/test"></script> -->
+  </head>
+  <body>
+    <h5 hidden id='Maintenance' class="center"></h5>
+    <span class="center">
+      <h1>h1</h1>
+      <h2>h2</h2>
+      <h3>h3</h3>
+      <h4>h4</h4>
+      <h5>h5</h5>
+      <h6>h6</h6>
+      <span class="warning">Danger</span>
+      <br/>
+      <span class="rainbow">Rainbow</span>
+      <br/>
+      <span>Normal</span>
+      <br/>
+      <button>button</button>
+      <br/>
+      <button disabled>disabled button</button>
+      <br/>
+      <a href="#">link</a>
+      <br/>
+      <img src="/favicon.ico" style="width: 64px">
+    </span>
+    <script src="/scripts/script.js"></script>
+  </body>
+</html>
diff --git a/public/pages/dvd-screensaver.html b/public/pages/dvd-screensaver.html
index bb826ac..9085565 100644
--- a/public/pages/dvd-screensaver.html
+++ b/public/pages/dvd-screensaver.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/dvdscreensaver"></script> -->
     <!-- this is a preload \/ -->
diff --git a/public/pages/error-debug.html b/public/pages/error-debug.html
index 677b35b..edc5b2e 100644
--- a/public/pages/error-debug.html
+++ b/public/pages/error-debug.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/error-debug"></script> -->
   </head>
diff --git a/public/pages/forbidden.html b/public/pages/forbidden.html
index dbd7b65..bc17938 100644
--- a/public/pages/forbidden.html
+++ b/public/pages/forbidden.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/hide"></script> -->
   </head>
diff --git a/public/pages/hidden.html b/public/pages/hidden.html
index b8b4c7f..e746b29 100644
--- a/public/pages/hidden.html
+++ b/public/pages/hidden.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/hide"></script> -->
     <div id="preloads">
diff --git a/public/pages/hunt.html b/public/pages/hunt.html
index dfc2b87..3bbe8d4 100644
--- a/public/pages/hunt.html
+++ b/public/pages/hunt.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/hunt-old"></script> -->
   </head>
diff --git a/public/pages/index.html b/public/pages/index.html
index 7104fa5..65feeeb 100644
--- a/public/pages/index.html
+++ b/public/pages/index.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/index"></script> -->
   </head>
@@ -53,6 +52,8 @@
       <a href="/quotes" class="cyan">Go to the Quotes page</a>
       <br/>
       <a href="/calculator" class="cyan">Go to the Calculator page</a>
+      <br/>
+      <a href="/neofetches" class="cyan">Go to the Neofetches page</a>
     </span>
     <script src="/scripts/script.js"></script>
   </body>
diff --git a/public/pages/maintenance.html b/public/pages/maintenance.html
index ea18eb2..e84d220 100644
--- a/public/pages/maintenance.html
+++ b/public/pages/maintenance.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/work"></script> -->
   </head>
diff --git a/public/pages/modpack.html b/public/pages/modpack.html
index 4a0ddfa..d9b8d4d 100644
--- a/public/pages/modpack.html
+++ b/public/pages/modpack.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/modpack"></script> -->
   </head>
diff --git a/public/pages/music.html b/public/pages/music.html
index 1b900ab..d606af6 100644
--- a/public/pages/music.html
+++ b/public/pages/music.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/construction"></script> -->
   </head>
diff --git a/public/pages/neofetches.html b/public/pages/neofetches.html
index fd1a449..78813aa 100644
--- a/public/pages/neofetches.html
+++ b/public/pages/neofetches.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/neofetches"></script> -->
   </head>
diff --git a/public/pages/password-generator.html b/public/pages/password-generator.html
index 1791f20..e8b255b 100644
--- a/public/pages/password-generator.html
+++ b/public/pages/password-generator.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/pgen"></script> -->
   </head>
diff --git a/public/pages/pfps.html b/public/pages/pfps.html
index 92cc80e..2b74420 100644
--- a/public/pages/pfps.html
+++ b/public/pages/pfps.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/pfps"></script> -->
   <div id="preloads">
diff --git a/public/pages/quotes.html b/public/pages/quotes.html
index 9d8ad1d..2676c6d 100644
--- a/public/pages/quotes.html
+++ b/public/pages/quotes.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/quotes"></script> -->
   </head>
diff --git a/public/pages/ratings.html b/public/pages/ratings.html
index 309e0bd..83aa6d1 100644
--- a/public/pages/ratings.html
+++ b/public/pages/ratings.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-ratings"></script> -->
   </head>
diff --git a/public/pages/ratings/9pfs.html b/public/pages/ratings/9pfs.html
index 4f0ce3b..ed362fb 100644
--- a/public/pages/ratings/9pfs.html
+++ b/public/pages/ratings/9pfs.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-ratings"></script> -->
   </head>
diff --git a/public/pages/ratings/bigminiboss.html b/public/pages/ratings/bigminiboss.html
index a63fde2..eadaa93 100644
--- a/public/pages/ratings/bigminiboss.html
+++ b/public/pages/ratings/bigminiboss.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-ratings"></script> -->
   </head>
diff --git a/public/pages/ratings/coderelijah.html b/public/pages/ratings/coderelijah.html
index 528eced..91e4ec1 100644
--- a/public/pages/ratings/coderelijah.html
+++ b/public/pages/ratings/coderelijah.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-ratings"></script> -->
   </head>
diff --git a/public/pages/ratings/jayayseaohbee14.html b/public/pages/ratings/jayayseaohbee14.html
index 294d373..f7ea6c3 100644
--- a/public/pages/ratings/jayayseaohbee14.html
+++ b/public/pages/ratings/jayayseaohbee14.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-ratings"></script> -->
   </head>
diff --git a/public/pages/ratings/pikachub2005.html b/public/pages/ratings/pikachub2005.html
index 55d0630..0ed1a56 100644
--- a/public/pages/ratings/pikachub2005.html
+++ b/public/pages/ratings/pikachub2005.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-ratings"></script> -->
   </head>
diff --git a/public/pages/ratings/youngchief.html b/public/pages/ratings/youngchief.html
index 1537c49..0b56473 100644
--- a/public/pages/ratings/youngchief.html
+++ b/public/pages/ratings/youngchief.html
@@ -15,8 +15,7 @@
     <meta property="og:site_name" content="Firepup650's Site" />
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
-    <link href="/styless/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
+    <link href="/styles/style.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-ratings"></script> -->
   </head>
diff --git a/public/pages/services.html b/public/pages/services.html
index 013ba4f..0a8a952 100644
--- a/public/pages/services.html
+++ b/public/pages/services.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/Services"></script> -->
   </head>
@@ -32,6 +31,8 @@
       <br/>
       <a href="/novnc/?reconnect=1&reconnect_delay=2000&bell=1&resize=remote&quality=9&compression=9&show_dot=1&logging=debug&autoconnect=1" class="cyan">noVNC</a>
       <br/>
+      <a href="/spotify/" class="cyan">Spotify Queue Adder</a>
+      <br/>
       <a href="https://music.firepi.amcforum.wiki" class="cyan">Radio</a>
     </span>
     <script src="/scripts/script.js"></script>
diff --git a/public/pages/test-loader.html b/public/pages/test-loader.html
index e9e12ad..81fa020 100644
--- a/public/pages/test-loader.html
+++ b/public/pages/test-loader.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/test"></script> -->
   <style>
diff --git a/public/pages/test-tags.html b/public/pages/test-tags.html
index 3390976..cc519ff 100644
--- a/public/pages/test-tags.html
+++ b/public/pages/test-tags.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/test"></script> -->
   </head>
diff --git a/public/pages/usage.html b/public/pages/usage.html
index 91b5d7d..19e7aaf 100644
--- a/public/pages/usage.html
+++ b/public/pages/usage.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/usage"></script> -->
   </head>
@@ -24,7 +23,7 @@
     <h5 hidden id='Maintenance' class="center"></h5>
     <span class=center>
       <h5 class="force-color">Things I use on this site</h5>
-      <p><span class="force-color">1. </span><a href="https://bookie0.repl.co" class="cyan">Bookie0's</a> <a href="https://bouncecss.bookie0.repl.co/" class="cyan">BounceCSS</a><span  class="force-color"> is used for styling</span></p>
+      <p><span class="force-color">1. </span><a href="https://bookie0.repl.co" class="cyan">Bookie0's</a> <a href="https://bouncecss.bookie0.repl.co/" class="cyan">BounceCSS</a><span  class="force-color"> used to be used for styling</span></p>
       <p><span class="force-color">2. Most of the site uses code I've made, or adapted from online sources</span></p>
       <p><span class="force-color">3. The "cheese" page uses code from </span><a href="https://commandblockguy.xyz/" class="cyan">commandblockguy's site</a><span class="force-color">, and "dvd-screensaver" uses adapted code of the same.</span></p>
       <p><span class="force-color">4. The DVD logo is used on the "dvd-sceensaver" page</span></p>
diff --git a/public/pages/users.html b/public/pages/users.html
index d8e81fa..bdd4450 100644
--- a/public/pages/users.html
+++ b/public/pages/users.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-pages"></script> -->
   </head>
@@ -26,6 +25,8 @@
       <h5 class="force-color">Current user pages</h5>
       <a href="/user/youngchief" class="cyan">Youngchief</a>
       <br/>
+      <a href="/user/end" class="cyan">End</a>
+      <br/>
       <a href="/user/coderelijah" class="cyan">CoderElijah</a>
       <br/>
       <a href="/user/bigminiboss" class="cyan">bigminiboss</a>
diff --git a/public/pages/users/9pfs.html b/public/pages/users/9pfs.html
index 7ad00f2..51a1e4a 100644
--- a/public/pages/users/9pfs.html
+++ b/public/pages/users/9pfs.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-pages"></script> -->
   </head>
diff --git a/public/pages/users/bigminiboss.html b/public/pages/users/bigminiboss.html
index abb12ab..3826f9e 100644
--- a/public/pages/users/bigminiboss.html
+++ b/public/pages/users/bigminiboss.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-pages"></script> -->
   </head>
diff --git a/public/pages/users/coderelijah.html b/public/pages/users/coderelijah.html
index 3e67f4f..1b072aa 100644
--- a/public/pages/users/coderelijah.html
+++ b/public/pages/users/coderelijah.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-pages"></script> -->
   </head>
diff --git a/public/pages/users/end.html b/public/pages/users/end.html
new file mode 100644
index 0000000..649e3d0
--- /dev/null
+++ b/public/pages/users/end.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <title>End - FP650</title>
+    <meta name="description" content="Ends' user page" />
+    <meta property="og:title" content="End - FP650" />
+    <meta property="og:type" content="website" />
+    <meta property="og:image" content="https://firepup650.com/favicon.ico" />
+    <meta property="og:image:height" content="512" />
+    <meta property="og:image:width" content="512" />
+    <meta property="og:url" content="https://firepup650.com/user/end" />
+    <meta property="og:description" content="Ends' user page" />
+    <meta property="og:site_name" content="Firepup650's Site" />
+    <meta property="og:locale" content="en_US">
+    <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
+    <link href="/styles/style.css" rel="stylesheet" type="text/css" />
+    <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
+    <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-pages"></script> -->
+  </head>
+  <body>
+    <h5 hidden id='Maintenance' class="center"></h5>
+    <span class=center>
+      <h5 class="force-color">Welcome to End's page!</h5>
+    </span>
+    <div class="iframe-container" style="width:100%; height:80vh; margin:0 auto;">
+      <iframe src="https://endoftimee.tech" width="100%" height="100%" frameborder="0"></iframe>
+    </div>
+    <script src="/scripts/script.js"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/public/pages/users/jayayseaohbee14.html b/public/pages/users/jayayseaohbee14.html
index 0a4c865..cd3d22a 100644
--- a/public/pages/users/jayayseaohbee14.html
+++ b/public/pages/users/jayayseaohbee14.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-pages"></script> -->
   </head>
diff --git a/public/pages/users/pikachub2005.html b/public/pages/users/pikachub2005.html
index 8343018..19b34a5 100644
--- a/public/pages/users/pikachub2005.html
+++ b/public/pages/users/pikachub2005.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-pages"></script> -->
   </head>
diff --git a/public/pages/users/snakebyte.html b/public/pages/users/snakebyte.html
index 1e7010b..3808027 100644
--- a/public/pages/users/snakebyte.html
+++ b/public/pages/users/snakebyte.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-pages"></script> -->
   </head>
diff --git a/public/pages/users/youngchief.html b/public/pages/users/youngchief.html
index 093e3e2..fc5e186 100644
--- a/public/pages/users/youngchief.html
+++ b/public/pages/users/youngchief.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
     <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/user-pages"></script> -->
   </head>
diff --git a/public/pages/visits.html b/public/pages/visits.html
index 5f949fc..213d759 100644
--- a/public/pages/visits.html
+++ b/public/pages/visits.html
@@ -16,7 +16,6 @@
     <meta property="og:locale" content="en_US">
     <meta property="og:logo" content="https://firepup650.com/favicon.ico" />
     <link href="/styles/style.css" rel="stylesheet" type="text/css" />
-    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
     <script>
       function cb(response) {document.getElementById('visits').innerText = response.value;}
       function cb2(response) {document.getElementById('page').innerText = response.value;}
diff --git a/public/scripts/footer.js b/public/scripts/footer.js
index d702d6b..2fc9af6 100644
--- a/public/scripts/footer.js
+++ b/public/scripts/footer.js
@@ -1,8 +1,6 @@
 var foot = document.createElement("footer");
-foot.innerHTML = `<span class="rainbow">This website uses </span><a href="https://bookie0.repl.co" class=cyan>Bookie0's</a> <a href="https://bouncecss.bookie0.repl.co/" class=cyan>BounceCSS</a><span class="rainbow"> for styling.</span>
-${location.pathname !== "/"? '<br/><a href="/" class="cyan">Return to index</a>': ''}
-<br/>
-<span class="rainbow">Website © 2023 Firepup650</span>
+foot.innerHTML = `${location.pathname !== "/"? '<a href="/" class="cyan">Return to index</a><br/>': ''}
+<span class="rainbow">Website © 2025 Firepup650</span>
 `;
 document.querySelector("body").append(foot);
 console.debug("Footer Script done.")
diff --git a/public/styles/style.css b/public/styles/style.css
index 6fcb8f0..00b62a3 100644
--- a/public/styles/style.css
+++ b/public/styles/style.css
@@ -1,5 +1,22 @@
 /* @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap'); */
 
+:root {
+    --fp-primary: #0F0;
+    --fp-primary-dim: #0A0;
+    --fp-primary-dimmer: #050;
+    --fp-background: #000;
+    --fp-secondary: #0FF;
+    --fp-secondary-dim: #0AA;
+    --fp-secondary-dimmer: #055;
+    --fp-danger: #F00;
+    --fp-danger-dim: #A00;
+    --fp-danger-dimmer: #500;
+    --fp-code: #111;
+    --fp-button: #222;
+    --fp-button-dim: #111;
+    --fp-white: #FFF;
+}
+
 @font-face {
     font-family: 'Source Code Pro';
     src: url('/fonts/SourceCodePro.ttf');
@@ -8,24 +25,57 @@
 * {
     color-scheme: light dark;
     font-family: 'Source Code Pro', monospace !important;
-    color: #00FF00;
+    color: var(--fp-primary);
+    margin: 0;
+    padding: 0;
 }
 
 html, body {
     height: 100%;
     width: 100%;
-    color: #00FF00;
-    margin: 0;
-    padding: 0;
     font-family: 'Source Code Pro', monospace !important;
 }
 
+card, button, table tr, a, .switch-container {
+  position: relative;
+}
+
 html {
-    background-color: #000000;
+    background-color: var(--fp-background);
+}
+
+h1 {
+    font-size: 64px;
+    line-height: 128px;
+}
+
+h2 {
+    font-size: 48px;
+    line-height: 96px;
+}
+
+h3 {
+    font-size: 32px;
+    line-height: 64px;
+}
+
+h4 {
+    font-size: 24px;
+    line-height: 48px;
+}
+
+h5 {
+    font-size: 20px;
+    line-height: 40px;
+}
+
+h6 {
+    font-size: 16px;
+    line-height: 32px;
 }
 
 .warning {
-    color: #FF0000;
+    color: var(--fp-danger);
 }
 
 body {
@@ -48,11 +98,70 @@ a:has(button) {
     transform: none !important;
 }
 
+a {
+    text-decoration: none;
+    border: none;
+    border-radius: 2px;
+    padding: 2px 4px;
+    margin-top: 6px !important;
+    margin-bottom: 2px !important;
+    background: var(--fp-button);
+    color: var(--fp-secondary);
+    display: inline-block;
+}
+
+a:hover, a:focus-visible {
+    outline: 1px solid var(--fp-secondary);
+    transform: translateX(4px) translateY(-4px);
+    box-shadow: -4px 4px 0 0 var(--fp-button-dim), -4px 4px 0 1px var(--fp-secondary-dimmer);
+}
+
+a:active {
+    outline: 1px solid var(--fp-secondary);
+    transform: translateX(2px) translateY(-2px);
+    box-shadow: -2px 2px 0 0 var(--fp-button-dim), -2px 2px 0 1px var(--fp-secondary-dimmer);
+}
+
+button:disabled, button:hover:disabled, button:focus-visible:disabled, button:active:disabled {
+    cursor: not-allowed;
+    transform: none;
+    background: var(--fp-secondary-dim);
+    color: var(--fp-button-dim);
+    outline: 1px solid var(--fp-danger-dim);
+    box-shadow: none;
+}
+
+button {
+    font-size: 16px;
+    line-height: 24px;
+    cursor: pointer;
+    border: none;
+    border-radius: 2px;
+    padding: 4px 16px;
+    margin-top: 6px !important;
+    margin-bottom: 2px !important;
+    background: var(--fp-secondary);
+    color: var(--fp-button);
+    outline: 1px solid var(--fp-dim);
+}
+
+button:hover, button:focus-visible {
+    outline: 1px solid var(--fp-danger);
+    transform: translateX(4px) translateY(-4px);
+    box-shadow: -4px 4px 0 0 var(--fp-secondary-dimmer), -4px 4px 0 1px var(--fp-danger-dimmer);
+}
+
+button:active {
+    outline: 1px solid var(--fp-danger);
+    transform: translateX(2px) translateY(-2px);
+    box-shadow: -2px 2px 0 0 var(--fp-secondary-dimmer), -2px 2px 0 1px var(--fp-danger-dimmer);
+}
+
 #replit-badge {
     box-shadow: none;
     transform: none;
     outline: none;
-    background: #000000;
+    background: var(--fp-background);
 }
 
 .center {
@@ -69,18 +178,8 @@ a:has(button) {
     text-align: right;
 }
 
-/*
 .rainbow {
-    background: linear-gradient(90.02deg, #ff0000 0.02%, #e100ff 27.09%, #00b3ff 51.04%, #00ff1e 76.56%, #ff0000 99.99%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    text-fill-color: transparent;
-}
-*/
-
-.rainbow {
-    background: linear-gradient(to right, #ff0000 0%, #e100ff 10%, #00b3ff 30%, #00ff1e 50%, #ff0000 90%);
+    background: linear-gradient(to right, #F00 0%, #E0F 10%, #0BF 30%, #0F1 50%, #F00 90%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
@@ -88,11 +187,11 @@ a:has(button) {
 }
 
 .color {
-    color: #00FF00;
+    color: var(--fp-primary);
 }
 
 .force-color {
-    background: #00ff00;
+    background: var(--fp-primary);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
@@ -107,7 +206,7 @@ a:has(button) {
 }
 
 pre {
-    background: #111111;
+    background: var(--fp-code);
     width: 100%;
     max-width: 100%;
     min-width: 100%;
@@ -115,7 +214,11 @@ pre {
 
 code {
     overflow-x: auto;
-    max-width: 100%;
     display: block;
     margin: 0ch 1ch;
 }
+
+.eruda-search-highlight-block .eruda-keyword {
+    background: #ffe !important;
+    color:#550 !important;
+}
