diff --git a/404.html b/404.html
index 7c9077e0..0a1911cf 100644
--- a/404.html
+++ b/404.html
@@ -22,7 +22,6 @@
         <A HREF="/index.html">Home</A>
         <A HREF="/g/index.html">Games</A>
         <A HREF="/main/apps.html">Apps</A>
-        <A HREF="/main/hb.html">Unblocker</A>
         <A HREF="/main/hacks.html">Hacks</A>
         <A HREF="/main/settings.html">Settings</A>
         
diff --git a/index.html b/index.html
index 031b744f..e1d49e7e 100644
--- a/index.html
+++ b/index.html
@@ -72,6 +72,7 @@
           "You're not just using a website, you're making the future.",
           "A highly developed game website designed for you.",
           "A professional popular game website.",
+	  "Very high effort unblocked games site: https://suprcolgams2.idek29879890.repl.co",
           "We're a sensation, not just a website.",
           "Join the fun and level up your gaming experience!",
           "Enter a world of enless gaming possiblities.",
@@ -96,6 +97,8 @@
           "Get ready to immerse yourself in the ultimate gaming experience!",
           "From casual to hardcore, we've got games for every player.",
           "Ready to level up your gaming skills? We've got you covered!",
+	  "CCR Astra is a crybaby discord mod",
+	  "Pirated GTA3 for Windows: https://tinyurl.com/freegta3ig",
           "Made with VS Code!",
           "Our games are not just entertainment, they're a lifestyle.",
           "Did you know this website started in 2022?",
@@ -124,6 +127,7 @@
           "Redbull gives you wings!",
           "Redbull gives you wings! (or does it??)",
           "Your IP is: 12.34.56.78",
+	  "Also check out https://braintease.outred.dev!",
           "Whoah new UI. Crazy.",
           "Lorem Ipsum",
           "Join today at Hustlers Universi-- I mean OutRed Games Premium..",
diff --git a/main/about.html b/main/about.html
index b3f36510..ad05b300 100644
--- a/main/about.html
+++ b/main/about.html
@@ -7,251 +7,624 @@
     <title>About | OutRed</title>
     <style>
         html {
-          scroll-behavior: smooth;
-        }
-              
-                body {
-            color: white;;
-            text-align: center;
-            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-            background: #202124;
-            background-size: 400% 400%;
-            animation: gradient 15s ease infinite;
-            height: 100vh;
-            justify-content: center;
-            align-items: center;
-            scroll-behavior: smooth;
-        }
-        
-        /* custom scrollbar */
-        /* width */
-        ::-webkit-scrollbar {
-          width: 10px;
-        }
-        
-        /* Track */
-        ::-webkit-scrollbar-track {
-          background: #202124; 
-        }
-         
-        /* Handle */
-        ::-webkit-scrollbar-thumb {
-          background: #880ED4; 
-          border-radius: 50px;
-        }
-        
-        .hyperlink {
-            text-decoration: none;
-            color: #0076ff;
-            scroll-behavior: smooth;;
-        }
-        
-        .hyperlink:hover {
-          text-decoration: underline;
-        }
-        
-        .title {
-            font-size: 60px;
-            font-weight: bold;
-        }
-        
-        .game-link {
-            height: 330px;
-            width: 250px;
-        }
-        
-        .game-tile {
-            background-color: white;
-            height: 300px;
-            width: 220px;
-            color: white;
-            transition: 0.2s;
-            border-radius: 50px;
-            color: black;
-            padding: 3%;
-        }
-        
-        .game-tile:hover {
-            text-decoration: none;
-            transform: scale(0.93);
-            cursor: pointer;
-            -webkit-box-shadow: 0px 0px 19px #000000;
-            -moz-box-shadow: 0px 0px 19px #000000;
-            box-shadow: 0px 0px 19px #000000;
-        }
-        
-        .game-tile:active {
-          transform: scale(0.98);
-        }
-        
-        .game-icon {
-            max-width: 90%;
-            margin: 5 10% auto;
-            border-radius: 50px;
-            place-items: center center;
-            justify-content: center;
-            align-items: center;
-            display: block;
-            height: auto;
-            text-align: center;
-        }
-        
-        .game-title {
-            text-align: center;
-        }
-        
-        .flex-container {
-            display: flex;
-            flex-direction: row;
-            order: 0;
-            flex-grow: 0;
-            flex-wrap: wrap;
-            align-items: center;
-            justify-content: center;
-            repeat:(auto-fill, minmax(200px, 1fr))
-        }
-        
-        .container {
-            padding: 1px;
-        }
-              .nav {
-                background-color: #171717;
-                color: white;
-                position: fixed;
-                top: 0;
-                left: 0;
-                width: 100%; 
-                padding: 15px;
-                font-size: 16px;
-              }
-              
-              .nav a {
-                margin: 14px;
-                color: white;
-                transition: 0.2s;
-              }
-              
-              .nav a:hover {
-                cursor: pointer;
-                color: grey;
-              }
-              
-              .active {
-                background-color: #6C0BA9;
-                border-radius: 33px;
-                padding: 14px;
-              }
-              
-              .content {
-                margin-top: 65px; /* adjust the value as needed */
-        }
-              
-              #phrase {
-                margin: 60px;
-                font-size: 24px;
-              }
-        
-              .mid {
-                margin-top: 60%;
-              }
-        
-              /* Play button */
-              .play {
-          padding: 10px 20px;
-          border: none;
-          font-size: 17px;
-          color: #fff;
-          border-radius: 7px;
-          letter-spacing: 3px;
-          font-weight: 700;
-          text-transform: uppercase;
-          transition: 0.5s;
-          transition-property: box-shadow;
-          margin-top: 20px;
-        }
-        
-        .play {
-          background: rgb(0,140,255);
-          box-shadow: 0 0 25px rgb(0,140,255);
-          transition: all 0.2s ease;
-          scroll-behavior: smooth;
-        }
-        
-        .play:hover {
-          box-shadow: 0 0 5px rgb(0,140,255),
-                      0 0 25px rgb(0,140,255),
-                      0 0 50px rgb(0,140,255),
-                      0 0 100px rgb(0,140,255);
-          transform:scale(1.1);
-          cursor: pointer;
-        }
-        
-        .logo {
-          height: 45px;
-          border-radius: 15px;
-          position: absolute;
-          left: 6px;
-          user-select: none;
-          top: 3px;
-          user-select: none;
-        }
-        
-        .logo:hover {
-          cursor: pointer;
-           
-        }
-        
-        .line {
-          height: 1px;
-          width: 100%;
-          background-color: white;
-          margin-top: 90px;
-        }
-        
-        .front {
-          margin-top: 100px;
-        }
-        
-        /* Apps button */
-        .shadow__btn {
-          padding: 10px 20px;
-          border: none;
-          font-size: 17px;
-          color: #fff;
-          border-radius: 7px;
-          letter-spacing: 3px;
-          font-weight: 700;
-          text-transform: uppercase;
-          transition-property: box-shadow;
-          transition: 0.2s;
-          margin: 25px;
-        }
-        
-        .shadow__btn {
-          background: #03A89E;
-          box-shadow: 0 0 25px #03A89E;
-        }
-        
-        .shadow__btn:hover {
-          box-shadow: 0 0 5px #03A89E,
-                      0 0 25px #03A89E,
-                      0 0 50px #03A89E,
-                      0 0 100px #03A89E;
-          transform: scale(1.1);
-          cursor: pointer;
-        }
-        
-        footer { 
-          padding: 5px;
-        }
-        
-        a {
-          text-decoration: none;
-        }
-        
-        a:hover {
-          text-decoration: none;
-        }
+  scroll-behavior: smooth;
+}
+
+body {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  text-align: center;
+  background-color: #1e1e1e;
+  color: white;
+  justify-content: center;
+}
+
+/* custom scrollbar 
+::-webkit-scrollbar {
+  width: 16px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #888;
+  border: 4px solid transparent;
+  background-clip: content-box;
+  border-radius: 8px;
+  transition: .3s;
+}
+
+::-webkit-scrollbar-corner {
+  background: transparent;
+}
+*/
+
+
+/* For games page! Do not delete! 
+.games {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 160px) !important;
+  justify-content: space-between;
+  grid-gap: 60px;
+  max-width: 1200px;
+  margin: 0px auto;
+}
+
+*/
+
+
+.games {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
+  grid-gap: 20px;
+  text-align: center;
+  margin: 0 auto;
+  max-width: 1380px;
+}
+
+  /* Game card */
+  .game {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #6C0BA9;
+    border-radius: 50px;
+    padding: 8px;
+    transition: .5s;
+    z-index: 0;
+    height: auto;
+    width: 200px;
+    color: white;
+    margin: 0 auto;
+  }
+
+  .game:hover {
+    transform: scale(1.05);
+    cursor: pointer;
+    background-color: #880ED4;
+    z-index: 0;
+    box-shadow: 0 8px 6px -6px #880ED4;
+  }
+
+  .game:active {
+    opacity: 0.3;
+  }
+
+  .game h2 {
+    color: white;
+  }
+  
+  .game img {
+    width: 100%;
+    height: auto;
+    border-radius: 50px;
+  }
+
+/* For popular apps! Do not delete! */
+.popularapps {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 159px) !important;
+  justify-content: space-between;
+  grid-gap: 60px;
+  max-width: 1000px;
+  margin: 0px auto;
+}
+
+/* 
+.games {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  grid-gap: 20px;
+}
+
+  /* Game card */
+  .popularapp {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #6C0BA9;
+    border-radius: 50px;
+    padding: 8px;
+    transition: .3s;
+    z-index: 0;
+    height: auto;
+    width: 200px;
+  }
+
+  .popularapp:hover {
+    transform: scale(1.1);
+    cursor: pointer;
+    background-color: #880ED4;
+    z-index: 1;
+    box-shadow: 0 8px 6px -6px #880ED4;
+  }
+
+  .popularapp:active {
+    opacity: 0.5;
+  }
+
+  .popularapp h2 {
+    color: black;
+  }
+  
+  .popularapp img {
+    width: 100%;
+    height: auto;
+    border-radius: 50px;
+  }
+/* For popular games! Do not delete! */
+.populargames {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 159px) !important;
+  justify-content: space-between;
+  grid-gap: 60px;
+  max-width: 1000px;
+  margin: 0px auto;
+}
+
+/* 
+.games {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  grid-gap: 20px;
+}
+
+  /* Game card */
+  .populargame {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #6C0BA9;
+    border-radius: 50px;
+    padding: 8px;
+    transition: .3s;
+    z-index: 0;
+    height: auto;
+    width: 200px;
+  }
+
+  .populargame:hover {
+    transform: scale(1.05);
+    cursor: pointer;
+    background-color: #880ED4;
+    z-index: 1;
+    box-shadow: 0 8px 6px -6px #880ED4;
+  }
+
+  .populargame:active {
+    transform:scale(.98);
+  }
+
+  .populargame h2 {
+    color: black;
+  }
+  
+  .populargame img {
+    width: 100%;
+    height: auto;
+    border-radius: 50px;
+  }
+/* End of tiles */
+  a {
+    color: white;
+    text-decoration: none;
+  }
+
+  .title {
+    font-size: 65px;
+  }
+
+  .line {
+    height: 5px;
+    width: 97%;
+    background-color: #6C0BA9;
+    margin-top: 90px;
+    border-radius: 33px;
+    align-items: center;
+    align-self: center;
+    align-content: center;
+    margin: 0 auto;
+  }
+
+  /* Nav */
+  .nav {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    background-color: #121212;
+    width: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 45px;
+    z-index: 1;
+}
+
+.nav a {
+    display: block;
+    color: white;
+    text-decoration: none;
+    font-size: 14px;
+    transition: 0.2s;
+    margin: 20px;
+}
+
+.nav a:hover {
+    color: grey;
+}
+
+.logo {
+    border-radius: 12px;
+    width: 40px;
+    height: auto;
+    vertical-align: middle;
+}
+
+.active {
+    padding: 8px;
+    border-radius: 25px;
+    border: 5px solid #6C0BA9;
+}
+/*
+input {
+  padding: 12px;
+  border-radius: 33px;
+  border: 2px solid grey;
+  font-size: 16px;
+  width: 30%;
+  transition: .3s;
+}
+
+input[type=text] {
+  width: 30%;
+  -webkit-transition: width 0.15s ease-in-out;
+  transition: width 0.15s ease-in-out;
+}
+
+input[type=text]:focus {
+  width: 50%;
+}
+*/
+
+input {
+  font-family: arial;
+  font-size: inherit;
+  background-color: #f4f2f2;
+  border: none;
+  color: #646464;
+  padding: 0.7rem 1rem;
+  border-radius: 30px;
+  width: 18em;
+  transition: all ease-in-out .5s;
+  margin-right: -2rem;
+}
+
+input:hover, input:focus {
+  box-shadow: 0 0 1em #00000013;
+}
+
+input:focus {
+  outline: none;
+  background-color: #f4f2f2;
+}
+
+input::-webkit-input-placeholder {
+  font-weight: 100;
+  color: grey;
+}
+
+input:focus + input {
+  background-color: #f0eeee;
+}
+
+.search__button {
+  border: none;
+  background-color: #f4f2f2;
+  margin-top: .1em;
+}
+
+.search__button:hover {
+  cursor: pointer;
+}
+
+.search__icon {
+  height: 1.3em;
+  width: 1em;
+  fill: grey;
+}
+
+.hyperlink {
+  text-decoration: none;
+  color: #0076ff;
+  scroll-behavior: smooth;
+}
+
+.hyperlink:hover {
+  text-decoration: underline;
+}
+
+.search-toggle {
+  size: 0cap;
+  vertical-align: center;
+  margin-top: 1px;
+}
+
+.center-placeholder::placeholder {
+  text-align: center;
+}
+
+.left-placeholder::placeholder {
+  text-align: left;
+}
+
+#panel {
+  display: none;
+}
+
+#phrase {
+  font-size: 24px;
+}
+
+/* loading dots */
+.dot-flashing {
+  position: relative;
+  width: 10px;
+  height: 10px;
+  border-radius: 5px;
+  background-color: #9880ff;
+  color: #9880ff;
+  animation: dot-flashing 1s infinite linear alternate;
+  animation-delay: 0.5s;
+}
+.dot-flashing::before, .dot-flashing::after {
+  content: "";
+  display: inline-block;
+  position: absolute;
+  top: 0;
+}
+.dot-flashing::before {
+  left: -15px;
+  width: 10px;
+  height: 10px;
+  border-radius: 5px;
+  background-color: #9880ff;
+  color: #9880ff;
+  animation: dot-flashing 1s infinite alternate;
+  animation-delay: 0s;
+}
+.dot-flashing::after {
+  left: 15px;
+  width: 10px;
+  height: 10px;
+  border-radius: 5px;
+  background-color: #9880ff;
+  color: #9880ff;
+  animation: dot-flashing 1s infinite alternate;
+  animation-delay: 1s;
+}
+
+@keyframes dot-flashing {
+  0% {
+    background-color: #9880ff;
+  }
+  50%, 100% {
+    background-color: rgba(152, 128, 255, 0.2);
+  }
+}
+
+.alert:hover {
+  cursor: pointer;
+}
+
+.games .no-results-message {
+  text-align: center;
+  font-size: 20px;
+}
+
+.no-results-message {
+  text-align: center;
+}
+
+.fullscreen-btn { 
+  background-color: #A020F0;
+  color: white;
+  border: none;
+  border-radius: 12px;
+  font-size: 18px;
+  padding: 8px;
+  position: fixed;
+  top: 7.5%;
+  left: 93%;
+  z-index: 1000;
+}
+
+.fullscreen-btn svg {
+  fill: currentColor;
+  height: 30px;
+  width: 30px;
+}
+
+/* [ button */
+.rainbow {
+  --border-radius: 15px;
+  --border-width: 4px;
+  appearance: none;
+  position: relative;
+  padding: 1em 2em;
+  border: 0;
+  background-color: #212122;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  font-size: 18px;
+  font-weight: normal;
+  color: #fff;
+  z-index: 2;
+  transition: .2s;
+ }
+ 
+ .rainbow::after {
+  --m-i: linear-gradient(#000, #000);
+  --m-o: content-box, padding-box;
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: var(--border-width);
+  border-radius: var(--border-radius);
+  background-image: conic-gradient(
+     #488cfb,
+     #29dbbc,
+     #ddf505,
+     #ff9f0e,
+     #e440bb,
+     #655adc,
+     #488cfb
+   );
+  -webkit-mask-image: var(--m-i), var(--m-i);
+  mask-image: var(--m-i), var(--m-i);
+  -webkit-mask-origin: var(--m-o);
+  mask-origin: var(--m-o);
+  -webkit-mask-clip: var(--m-o);
+  mask-composite: exclude;
+  -webkit-mask-composite: destination-out;
+  filter: hue-rotate(0);
+  animation: rotate-hue linear 500ms infinite;
+  animation-play-state: paused;
+ }
+ 
+ .rainbow:hover::after {
+  animation-play-state: running;
+  cursor: pointer;
+ }
+ 
+ @keyframes rotate-hue {
+  to {
+   filter: hue-rotate(1turn);
+  }
+ }
+ 
+ .rainbow,
+ .rainbow::after {
+  box-sizing: border-box;
+ }
+ 
+ .rainbow:active {
+  --border-width: 5px;
+ }
+
+ .rainbow:hover {
+  cursor: pointer;
+ }
+
+ /* Apps button */
+ .apps {
+  align-items: center;
+  background-image: linear-gradient(144deg,#AF40FF, #5B42F3 50%,#00DDEB);
+  border: 0;
+  border-radius: 8px;
+  box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
+  box-sizing: border-box;
+  color: #FFFFFF;
+  display: flex;
+  font-family: Phantomsans, sans-serif;
+  font-size: 18px;
+  justify-content: center;
+  line-height: 1em;
+  max-width: 100%;
+  min-width: 140px;
+  padding: 3px;
+  text-decoration: none;
+  user-select: none;
+  -webkit-user-select: none;
+  touch-action: manipulation;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: all .3s;
+ }
+ 
+ .apps:active,
+ .apps:hover {
+  outline: 0;
+ }
+ 
+ .apps span {
+  background-color: rgb(5, 6, 45);
+  padding: 16px 24px;
+  border-radius: 6px;
+  width: 100%;
+  height: 100%;
+  transition: 300ms;
+ }
+ 
+ .apps:hover span {
+  background: none;
+ }
+ 
+ .apps:active {
+  transform: scale(0.9);
+ }
+/*
+ .fullscreen-svg {
+  height: auto;
+  width: 22px;
+  background-color: #A020F0;
+  padding: 9px;
+  border-radius: 12px;
+  transition: 0.3s;
+ }
+
+
+ .fullscreen-svg:hover {
+  transform: scale(1.15);
+  cursor: pointer;
+ }
+
+ .share-icon {
+  height: auto;
+  width: 24px;
+  background-color: #A020F0;
+  padding: 8px;
+  border-radius: 12px;
+  transition: 0.3s;
+ }
+
+ .share-icon:hover {
+  transform: scale(1.15);
+  cursor: pointer;
+ }
+
+.bar {
+  margin: 1%;
+  display: inline;
+}
+*/
+
+.bar {
+  display: flex;
+  align-items: center;
+}
+
+.buttons {
+  margin-left: auto;
+  display: flex;
+  gap: 5px;
+}
+
+.fullscreen-svg,
+.share-icon {
+  height: auto;
+  width: 22px;
+  background-color: #A020F0;
+  padding: 9px;
+  border-radius: 12px;
+  transition: 0.3s;
+}
+
+.fullscreen-svg:hover,
+.share-icon:hover {
+  transform: scale(1.15);
+  cursor: pointer;
+}
+
             </style>
 </head>
       <!-- Google tag (gtag.js) -->
@@ -264,20 +637,18 @@
         gtag('config', 'G-B5MYT5J8LH');
       </script>
 <body>
-    <div class="nav">
-        <a href="https://outred.github.io/"><img class="logo" src="https://raw.githubusercontent.com/OutRed/outred.github.io/main/img/standard%20(3).gif"></a>
-    <a href="#">Home</a>
-    <a href="https://outred.github.io/#games">Games</a>
-    <a href="https://outred.github.io/#apps">Apps</a>   
-    <a href="/main/hb">Unblocker</a>
-    <a href="/main/settings">Settings</a>
-    <a href="/main/tos">TOS</a>
-    <a href="/main/contribution">Contribute</a>
-    <a class="active" href="/main/about">About</a>
-      </div>
+    <DIV CLASS="nav">
+        <A HREF="/index.html"><IMG CLASS="logo" SRC="https://raw.githubusercontent.com/OutRed/outred.github.io/main/img/standard%20(3).gif"></A>
+        <A HREF="/index.html">Home</A>
+        <A HREF="/g/index.html">Games</A>
+        <A HREF="/main/apps.html">Apps</A>
+        <A HREF="/main/hacks.html">Hacks</A>
+        <A HREF="/main/settings.html">Settings</A>
+        
+    </DIV>
     <div class="content">
 <h1 class="title">About</h1>
-<h2>I (OutRed) made this website originally back in school for some friends, back when I had no idea how to code. My friends kept on bugging me, so I finally made it. I password protected the website at first so only my friends could access it, and no annoying people. Whenever it got blocked, I would change the URL so my friends could use it again. Eventually, I got ratted out, and had to pay the consequences. The site got blocked, and I didn't want to mess with the firewall, so I took down the password and made the site public. <br><br>Ever since then, I have been updating this site as much as possible, with <a class="hyperlink" href="https://outred.github.io/#apps">Apps</a>, <a class="hyperlink" href="https://outred.github.io/#apps">Unblockers</a>, and <a class="hyperlink" href="https://outred.github.io/#games">Games</a>, trying to make it the best out there. I love working on this, and if you ever need any help or questions, or want to chat in my community, go ahead and join the <a class="hyperlink" href="https://discord.gg/9qYmpWS8ve">Discord server</a>.</h2>
+<h2>I (OutRed) made this website originally back in school for some friends, back when I had no idea how to code. My friends kept on bugging me, so I finally made it. I password protected the website at first so only my friends could access it, and no annoying people. Whenever it got blocked, I would change the URL so my friends could use it again. Eventually, I got ratted out, and had to pay the consequences. The site got blocked, and I didn't want to mess with the firewall, so I took down the password and made the site public. <br><br>Ever since then, I have been updating this site as much as possible, with <a class="hyperlink" href="https://outred.org/main/apps.html">Apps</a>, <a class="hyperlink" href="https://outred.org/main/apps.html">Unblockers</a>, and <a class="hyperlink" href="https://outred.org/g/index.html">Games</a>, trying to make it the best out there. I love working on this, and if you ever need any help or questions, or want to chat in my community, go ahead and join the <a class="hyperlink" href="https://discord.gg/9qYmpWS8ve">Discord server</a>.</h2>
     </div>
     <script src='https://cdn.jsdelivr.net/npm/@widgetbot/crate@3' async defer>
       new Crate({