diff --git a/donate/index.html b/donate/index.html
index 51f7557..04200fc 100755
--- a/donate/index.html
+++ b/donate/index.html
@@ -3,11 +3,14 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/adastyles.css">
+    <link rel="stylesheet" href="/hectabitstyles.css">
     <link rel="icon" href="favicon.svg">
     <title>Donate to HectaBit</title>
 </head>
 <body>
+    <div class="closebar">
+        <button id="sidebutton">&gt;</button>
+    </div>
     <div class="sidebar">
         <img src="/assets/img/hectabit.svg">
         <h1>Main Website</h1>
@@ -20,11 +23,9 @@
         <ul>
             <li><a href="https://centrifuge.hectabit.org" target="_blank">Centrifuge</a></li>
             <li><a href="https://hectabit.org/evolutionos" target="_blank">EvolutionOS</a></li>
-            <li><a href="https://hectabit.org/st3" target="_blank">SuperTux 3D</a></li>
         </ul>
         <h1>HectaBit Services</h1>
         <ul>
-            <li><a href="https://matrix.to/#/#devel:hectabit.org" target="_blank">Matrix</a></li>
             <li><a href="https://notes.hectabit.org" target="_blank">Notes</a></li>
         </ul>
         <div class="spacer"></div>
@@ -33,7 +34,6 @@
     </div>
     <div class="content">
  	<h1>Thank you for (considering) donating to HectaBit!</h1>
-	<li><button id="sidebutton">Toggle Sidebar</button></li>
         <script async
         src="https://js.stripe.com/v3/buy-button.js">
         </script>
diff --git a/halloffame/index.html b/halloffame/index.html
index 941439d..0b0cf5a 100755
--- a/halloffame/index.html
+++ b/halloffame/index.html
@@ -3,11 +3,14 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/adastyles.css">
+    <link rel="stylesheet" href="/hectabitstyles.css">
     <title>HectaBit Hall Of Fame</title>
     <link rel="icon" href="favicon.svg">
 </head>
 <body>
+    <div class="closebar">
+        <button id="sidebutton">&gt;</button>
+    </div>
     <div class="sidebar">
         <img src="/assets/img/hectabit.svg">
         <h1>Main Website</h1>
@@ -20,11 +23,9 @@
         <ul>
             <li><a href="https://centrifuge.hectabit.org" target="_blank">Centrifuge</a></li>
             <li><a href="https://hectabit.org/evolutionos" target="_blank">EvolutionOS</a></li>
-            <li><a href="https://hectabit.org/st3" target="_blank">SuperTux 3D</a></li>
         </ul>
         <h1>HectaBit Services</h1>
         <ul>
-            <li><a href="https://matrix.to/#/#devel:hectabit.org" target="_blank">Matrix</a></li>
             <li><a href="https://notes.hectabit.org" target="_blank">Notes</a></li>
         </ul>
         <div class="spacer"></div>
@@ -33,17 +34,16 @@
     </div>
     <div class="content">
         <h1>Welcome to HectaBit's Hall of fame!</h1>
-        <li><button id="sidebutton">Toggle Sidebar</button></li>
 	<li><h1>This is a hall of fame for all of the (amazing) members of HectaBit!</h1></li>
 	<div class="spacer"></div>
 	<div class="spacer"></div>
-	<li><p1>Tracker-Friendly (arzumify)<p1></li>
+	<li><p1>Tracker-Friendly / arzumify<p1></li>
 	<li><p>Hey, thats me!<p></li>
 	<div class="spacer"></div>
 	<li><p1>JH915 (non-coder)<p1></li>
 	<li><p>Joined 11th of September 2023<p></li>
 	<div class="spacer"></div>
-	<li><p1>CrossLiner (Latte Softworks)</p1></li>
+	<li><p1>CrossLiner (Former)</p1></li>
 	<li><p>Joined 14th of September 2023</p></li>
     </div>
     <script>
diff --git a/adastyles.css b/hectabitsyles.css
similarity index 78%
rename from adastyles.css
rename to hectabitsyles.css
index a4323c4..aaa723e 100755
--- a/adastyles.css
+++ b/hectabitsyles.css
@@ -17,13 +17,13 @@ a {
 
 body {
     font-family: Arial, sans-serif;
-    background: rgb(52, 152, 219);
-    color: #fff;
+    color: rgb(40, 40, 40);
 }
 
 /* Sidebar styles */
 .sidebar {
-    background-color: rgb(51, 51, 51);
+    transition: transform 0.3s ease;
+    background-color: rgb(0, 160, 198);
     color: white;
     padding: 20px;
     width: 250px;
@@ -34,6 +34,19 @@ body {
     overflow-y: auto;
 }
 
+.closebar {
+    width: 10px;
+    margin-left: 270px;
+    background-color: #0000;
+    heigh: 20px;
+    overflow-y: hidden;
+    position: fixed;
+    transition: transform 0.3s ease 0s;
+    color: rgb(118, 181, 197);
+    padding: 20px;
+    top: 0px;
+}
+
 h1 {
     font-size: 24px;
     text-align: center;
@@ -72,7 +85,7 @@ p1 {
     font-size: 16px;
     display: block;
     border-radius: 5px;
-    padding: 3px 16px;
+    padding: 7px 16px;
     text-align: center;
     background-color: rgb(118, 181, 197);
     transition: background-color 0.3s ease 0s;
@@ -81,14 +94,11 @@ p1 {
 
 button {
     border: none;
-    display: inline-block;
-    margin-top: 20px;
-    padding: 10px 20px;
-    background: #76B5C5;
-    color: #fff;
-    text-decoration: none;
-    border-radius: 5px;
-    margin-bottom: 20px;
+    top: 5px;
+    position: fixed;
+    padding: 10px;
+    color: rgb(255, 255, 255);
+    background: rgb(118, 181, 197);
 }
 
 button:hover {
@@ -109,21 +119,14 @@ button:hover {
 
 /* Add CSS styles for hiding and sliding the sidebar */
 
-.sidebar {
-    width: 250px;
-    height: 100%;
-    position: fixed;
-    top: 0;
-    left: 0;
-    background-color: #333;
-    color: #fff;
-    transition: transform 0.3s ease;
-}
-
 .content.expanded {
     margin-left: 0;
 }
 
+.closebar.expanded {
+    margin-left: -20px;
+}
+
 .sidebar.display {
     display: none;
 }
diff --git a/index.html b/index.html
index 8f8f108..35fe64e 100755
--- a/index.html
+++ b/index.html
@@ -3,11 +3,14 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="adastyles.css">
+    <link rel="stylesheet" href="hectabitstyles.css">
     <title>HectaBit Homepage</title>
     <link rel="icon" href="/assets/img/hectabit.svg">
 </head>
 <body>
+    <div class="closebar">
+        <button id="sidebutton">&gt;</button>
+    </div>
     <div class="sidebar">
         <img src="/assets/img/hectabit.svg">
         <h1>Main Website</h1>
@@ -33,7 +36,6 @@
     </div>
     <div class="content">
         <h1>Welcome to the Hectabit Homepage!</h1>
-        <li><button id="sidebutton">Toggle Sidebar</button></li>
         <div class="spacer"></div>
         <li><h1>HectaBit news</h1></li>
         <div class="spacer"></div>
@@ -53,6 +55,8 @@
         document.getElementById("sidebutton").addEventListener("click", function() {
             var sidebar = document.querySelector(".sidebar");
             var content = document.querySelector(".content");
+	    var closebar = document.querySelector(".closebar");
+	    closebar.classList.toggle("expanded");
             sidebar.classList.toggle("hidden");
             content.classList.toggle("expanded");
             sidebar.classList.toggle("display");
diff --git a/pi/index.html b/pi/index.html
index fcfc448..fbdd4a3 100755
--- a/pi/index.html
+++ b/pi/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/adastyles.css">
+    <link rel="stylesheet" href="/hectabitstyles.css">
     <link rel="icon" href="/assets/img/hectabit.svg">
     <title>You discovered an egg!</title>
 </head>
@@ -13,6 +13,9 @@
             overflow-wrap: break-word;
         }
     </style>
+    <div class="closebar">
+        <button id="sidebutton">&gt;</button>
+    </div>
     <div class="sidebar">
         <img src="/assets/img/hectabit.svg">
         <h1>Main Website</h1>
@@ -25,11 +28,9 @@
         <ul>
             <li><a href="https://centrifuge.hectabit.org" target="_blank">Centrifuge</a></li>
             <li><a href="https://hectabit.org/evolutionos" target="_blank">EvolutionOS</a></li>
-            <li><a href="https://hectabit.org/st3" target="_blank">SuperTux 3D</a></li>
         </ul>
         <h1>HectaBit Services</h1>
         <ul>
-            <li><a href="https://matrix.to/#/#devel:hectabit.org" target="_blank">Matrix</a></li>
             <li><a href="https://notes.hectabit.org" target="_blank">Notes</a></li>
         </ul>
         <div class="spacer"></div>
diff --git a/st3/index.html b/st3/index.html
deleted file mode 100755
index 8db0f7e..0000000
--- a/st3/index.html
+++ /dev/null
@@ -1,56 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>SuperTux 3D Beta</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
-<body>
-    <header>
-        <div class="logo">
-            <h1>SuperTux 3D
-            <span class="beta-tag">Beta</span>
-        </div>
-        <nav>
-            <ul>
-                <li><a href="#home">Home</a></li>
-                <li><a href="#download">Download</a></li>
-                <li><a href="https://hectabit.org/centrifuge/HectaBit/supertux3d">Source Code</a></li>
-            </ul>
-        </nav>
-    </header>
-
-    <section id="home" class="hero">
-        <h1>SuperTux 3D</h1>
-        <p class="beta-label">Beta Version</p>
-        <p>You wake up... where am I? Welcome to the labs.</p>
-        <a href="#download" class="cta-button">Download Now</a>
-    </section>
-
-    <section id="download" class="download">
-        <h2>Download Beta Version</h2>
-        <div class="screenshots">
-            <!-- Insert game screenshots here -->
-        </div>
-        <a href="/assets/binaries/st3-win.zip" class="download-button">Download for Windows</a>
-        <a href="/assets/binaries/st3" class="download-button">Download for Linux</a>
-        <a href="/assets/binaries/st3-mac.zip" class="download-button">Download for Mac</a>
-        <div class="system-requirements">
-            <h3>System Requirements</h3>
-            <ul>
-                <li>OS: Linux, Windows 7+, macOS 10.14 +</li>
-                <li>Processor: Any x86_64</li>
-                <li>Memory: 512MB+</li>
-                <li>Graphics: Anything post 2009</li>
-                <li>Storage: 100 MB</li>
-            </ul>
-        </div>
-        <p class="beta-disclaimer">Please note that this is a beta version of the game. Your feedback is valuable in improving it.</p>
-    </section>
-
-    <footer>
-        <p>&copy; 2023 HectaBit Studios. These works are licensed under the GNU General Public License. View the in-game credits for more info.</p>
-    </footer>
-</body>
-</html>
diff --git a/st3/styles.css b/st3/styles.css
deleted file mode 100755
index beeaad0..0000000
--- a/st3/styles.css
+++ /dev/null
@@ -1,181 +0,0 @@
-/* Reset some default browser styles */
-body, h1, h2, h3, p, ul, li {
-    margin: 0;
-    padding: 0;
-}
-
-/* Global styles */
-body {
-    font-family: Arial, sans-serif;
-    background-color: #f0f0f0;
-    color: #333;
-}
-
-/* Header styles */
-header {
-    background-color: #222;
-    color: #fff;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 20px;
-}
-
-.logo {
-    display: flex;
-    align-items: center;
-}
-
-.logo img {
-    max-height: 40px;
-}
-
-.beta-tag {
-    background-color: #ff5722;
-    color: #fff;
-    padding: 5px 10px;
-    margin-left: 10px;
-    border-radius: 4px;
-    font-weight: bold;
-}
-
-nav ul {
-    list-style: none;
-    display: flex;
-}
-
-nav ul li {
-    margin-right: 20px;
-}
-
-nav ul li:last-child {
-    margin-right: 0;
-}
-
-nav a {
-    text-decoration: none;
-    color: #fff;
-    font-weight: bold;
-    transition: color 0.3s;
-}
-
-nav a:hover {
-    color: #ff5722;
-}
-
-/* Hero section styles */
-.hero {
-    text-align: center;
-    padding: 60px 0;
-}
-
-.hero img {
-    max-width: 100%;
-    border: 1px solid #ddd;
-    border-radius: 5px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-}
-
-.hero h1 {
-    font-size: 36px;
-    margin-top: 20px;
-}
-
-.beta-label {
-    background-color: #ff5722;
-    color: #fff;
-    padding: 5px 10px;
-    border-radius: 4px;
-    font-weight: bold;
-}
-
-.cta-button {
-    display: inline-block;
-    padding: 10px 20px;
-    background-color: #ff5722;
-    color: #fff;
-    text-decoration: none;
-    font-weight: bold;
-    border-radius: 4px;
-    transition: background-color 0.3s;
-}
-
-.cta-button:hover {
-    background-color: #ff451a;
-}
-
-/* Download section styles */
-.download {
-    background-color: #fff;
-    padding: 40px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-    margin: 20px 0;
-}
-
-.download h2 {
-    font-size: 24px;
-}
-
-.screenshots {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    margin-bottom: 20px;
-}
-
-.screenshots img {
-    max-width: 100%;
-    border: 1px solid #ddd;
-    margin: 10px;
-    border-radius: 5px;
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-}
-
-.download-button {
-    display: inline-block;
-    padding: 10px 20px;
-    background-color: #ff5722;
-    color: #fff;
-    text-decoration: none;
-    font-weight: bold;
-    border-radius: 4px;
-    transition: background-color 0.3s;
-}
-
-.download-button:hover {
-    background-color: #ff451a;
-}
-
-.system-requirements h3 {
-    font-size: 18px;
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-
-.system-requirements ul {
-    list-style: none;
-    padding: 0;
-}
-
-.system-requirements li {
-    margin-bottom: 5px;
-}
-
-.beta-disclaimer {
-    color: #777;
-    margin-top: 20px;
-}
-
-/* Footer styles */
-footer {
-    background-color: #222;
-    color: #fff;
-    text-align: center;
-    padding: 20px 0;
-}
-
-p {
-    margin-top: 10px;
-    margin-bottom: 10px;
-}
-
