diff --git a/emulator.html b/emulator.html
index 9030d551..2cfc6974 100644
--- a/emulator.html
+++ b/emulator.html
@@ -24,13 +24,36 @@
         
     </head> 
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+  
+  </p>
+</div>
+</div>
+
     </nav>
     <body>
         <h2>Welcome to the GBA Emulator</h2>
diff --git a/gba-2.html b/gba-2.html
index aed3bb27..58b3124c 100644
--- a/gba-2.html
+++ b/gba-2.html
@@ -25,13 +25,36 @@
     </head>
     
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+  
+  </p>
+</div>
+</div>
+
     </nav>
     
     <body>
diff --git a/gba.html b/gba.html
index 8eac2144..e635993e 100644
--- a/gba.html
+++ b/gba.html
@@ -25,27 +25,49 @@
     </head>
     
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+  
+  </p>
+</div>
+</div>
+
     </nav>
-    
+   
+
     <body>
         <h2>Retro Emulator!</h2>
         <ul class="menu">
-          <li><a href="index.html" data-bubble="Return!">Home</a></li>
-          <li><a href="testlaunch.html" data-bubble="Upload!">Bring a Rom!</a></li>
+          <li><a href="testlaunch.html" data-bubble="Real!">Upload ROM</a></li>
         </ul>
         <main>
           <p> Feeling Different? Click <a style="cursor:pointer; text-decoration: underline;" onclick="goofyFunnyFeelingDotOrg();">here.</a> (Your Eyes may burn off)</p>
           <p> If replit is blocked for you, please visit settings to change the provider. </p>
           <p>You can do so <a href="settings.html">here</a>. If you want to host your own version easily (and free), then view our guide <a href="info.html">here</a>.</p>
           <p> <a target="_blank" href="https://latebat.me/">Checkout</a> my friend's site, he helped out with some stuff on here behind the scenes! <img style="width: 20px; height: 20px;" src="https://latebat.me/assets/img/hamster.gif"></p>
-          <p> Friendly reminder to save your savestates occasionally to your computer or drive, to load in case something happens to your data! (PS: Major site updates soon!)</p>
           <ul id="searchGames">
             <style>
               #showN {
diff --git a/index_beta.html b/index_beta.html
index b6424d66..cf40323d 100644
--- a/index_beta.html
+++ b/index_beta.html
@@ -24,13 +24,36 @@
         <link rel="stylesheet" href="user_css/index.css">
     </head>
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+  
+  </p>
+</div>
+</div>
+
     </nav>
     <body>
         <h2>Retro Emulator!</h2>
diff --git a/info.html b/info.html
index 84381ad2..7da5c9cd 100644
--- a/info.html
+++ b/info.html
@@ -24,13 +24,36 @@
         
     </head> 
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+  
+  </p>
+</div>
+</div>
+
     </nav>
     <body>
         <h2>Welcome to the Retro Emulator</h2>
diff --git a/launchpad.html b/launchpad.html
index 42fa264a..8afbf5f9 100644
--- a/launchpad.html
+++ b/launchpad.html
@@ -5,6 +5,7 @@
         <title>EmulatorJS</title>
         <link rel = icon href = docs/favicon.ico sizes = "16x16 32x32 48x48 64x64" type = image/vnd.microsoft.icon>
         <meta name = viewport content = "width = device-width, initial-scale = 1">
+        <link rel = stylesheet href = user_css/player.css>
 <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-PS49ZXBGRW"></script>
 <script>
@@ -25,7 +26,6 @@
                 font-weight: bold;
                 font-size: 20px;
                 margin: 0;
-                background-color: #222
             }
         </style>
     </head>
@@ -70,9 +70,10 @@
         </script>
         <script src='data/loader.js'></script>
         <div class="bottom-content">
-            <p style="color:#424242;"> Return <a href="index.html">Home</a></p>
-            <p style="color:#b75d5d; font-weight: bold; font-size: 30px;">Like this game? Star it to find it later! <a href="index_beta.html" onclick="gameStarSelected();">Star me!</a> <input style="width: 200px;" type="text" value="" id="inputText"> <button onclick="copyFunction()">Share Link!</button></p>
+            <p class="heading"> Return <a href="index.html">Home</a></p>
+            <p class="heading">Like this game? Star it to find it later! <a href="index_beta.html" onclick="gameStarSelected();">Star me!</a> <input style="width: 200px;" type="text" value="" id="inputText"> <button onclick="copyFunction()">Share Link!</button></p>
+            <p class="heading"> Remeber to save your games manually too sometimes! </p>
         </div>
     </body>
-    
+    <script src="user_scripts/player-theme.js"></script>
 </html>
\ No newline at end of file
diff --git a/nes.html b/nes.html
index f818876e..5e4fed21 100644
--- a/nes.html
+++ b/nes.html
@@ -25,13 +25,36 @@
         <link rel="stylesheet" href="user_css/index.css">
     </head>
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+  
+  </p>
+</div>
+</div>
+
     </nav>
     <body>
         <h2>Welcome to the NEW EMULATOR!</h2>
diff --git a/offline.html b/offline.html
index d3f9813d..9189b62f 100644
--- a/offline.html
+++ b/offline.html
@@ -24,13 +24,36 @@
         
     </head> 
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+  
+  </p>
+</div>
+</div>
+
     </nav>
     <body>
         <h2>Welcome to the void. You here often?</h2>
diff --git a/segaMD.html b/segaMD.html
index e1c1acea..96603e87 100644
--- a/segaMD.html
+++ b/segaMD.html
@@ -25,13 +25,36 @@
         <link rel="stylesheet" href="user_css/index.css">
     </head>
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+  
+  </p>
+</div>
+</div>
+
     </nav>
     <body>
         <h2>Welcome to the NEW EMULATOR!</h2>
diff --git a/settings.html b/settings.html
index 63081834..bf0260fa 100644
--- a/settings.html
+++ b/settings.html
@@ -24,13 +24,36 @@
         
     </head> 
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+  
+  </p>
+</div>
+</div>
+
     </nav>
     <body>
         <h2>Welcome to the Retro Emulator</h2>
diff --git a/snes.html b/snes.html
index a2bf18b8..42008ce2 100644
--- a/snes.html
+++ b/snes.html
@@ -25,13 +25,36 @@
         <link rel="stylesheet" href="user_css/index.css">
     </head>
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+  
+  </p>
+</div>
+</div>
+
     </nav>
     <body>
         <h2>Welcome to the NEW EMULATOR!</h2>
diff --git a/update.html b/update.html
index ab89f611..a2947c61 100644
--- a/update.html
+++ b/update.html
@@ -24,13 +24,36 @@
         
     </head> 
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+  
+  </p>
+</div>
+</div>
+
     </nav>
     <body>
         <h2>Welcome to the Retro Emulator</h2>
diff --git a/user_css/index.css b/user_css/index.css
index 5a10e3f4..117971ad 100644
--- a/user_css/index.css
+++ b/user_css/index.css
@@ -1,6 +1,6 @@
 @import url('https://fonts.cdnfonts.com/css/baloo-da');
 *{
-    transition-duration: 0.4s;
+    transition-duration: 0.1s;
    }
 
    ::-webkit-scrollbar {
@@ -56,13 +56,75 @@
 
 
 
-          nav {
+         
+
+
+          .navigation {
+            box-sizing: border-box;
+            
+            top: 3%;
+            height: 75px;
+            width: 874px;
+        
+            background: var(--secondary-color);
+            border: 3px solid #000000;
+            float: center;
             display: flex;
-            justify-content: flex-end;
-          }
+          justify-content: center;
+          align-items: center;
+          text-align: center;
+        }
+        .nav-wrap {
+          float: center;
+          display: flex;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+      }
+
+      .setting-nav {
+        display: flex;
+        font-family: 'Baloo Da';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 32px;
+    line-height: 15px;
+    /* identical to box height */
+    
+    float: left;
+    text-align: center;
+    
+    color: #FFFFFF;
+    padding: 10px;
+    }
+
+    .svg-settings {
+      height: 30px;
+      width: 30px;
+      float: left;
+  }
+  .svg-info {
+      height: 30px;
+      width: 30px;
+      float: right;
+  }
 
+  .info-nav {
+    display: flex;
+    font-family: 'Baloo Da';
+font-style: normal;
+font-weight: 400;
+font-size: 32px;
+line-height: 15px;
+/* identical to box height */
 
+float: left;
+text-align: center;
 
+color: #FFFFFF;
+float: right;
+padding: 10px;
+}
           .theme-switch-wrapper {
             display: flex;
             align-items: center;
@@ -77,55 +139,9 @@
               text-align: center;
               font-family: 'Open Sans', sans-serif;
             }
-            .main-div {
-              padding: 10px;
-              position: relative;
-              margin: 10px;
-              background-color: #343436;
-              color:rgb(235, 230, 230) !important;
-            }
-            .wrappers {
-              padding: 20px;
-              height: 80px;
-              display: -webkit-box;
-              display: -ms-flexbox;
-              display: flex;
-              -ms-flex-wrap: wrap;
-                  flex-wrap: wrap;
-              -webkit-box-pack: center;
-                  -ms-flex-pack: center;
-                      justify-content: center;
-              -webkit-box-align: center;
-                  -ms-flex-align: center;
-                      align-items: center;
-              overflow: hidden;
-            }
-
-            .main-div2::before {
-              content: '';
-              position: absolute;
-              left: 0;
-              top: 0;
-              width: 100%;
-              height: 100%;
-              -webkit-box-shadow: 0 0 17px 3px #ffff01,0 0 4px 2px #ffff01;
-                      box-shadow: 0 0 17px 3px #ffff01,0 0 4px 2px #ffff01;
-              z-index: -1;
-              -webkit-animation-name: gradient-shadow;
-                      animation-name: gradient-shadow;
-              -webkit-animation-timing-function: ease;
-                      animation-timing-function: ease;
-              -webkit-animation-duration: 2s;
-                      animation-duration: 2s;
-              -webkit-animation-iteration-count: infinite;
-                      animation-iteration-count: infinite;
-              border-radius: 5px;
-              -webkit-border-radius: 5px;
-              -moz-border-radius: 5px;
-              -ms-border-radius: 5px;
-              -o-border-radius: 5px;
-            }
+           
 
+           
           .theme-switch {
             display: inline-block;
             height: 34px;
diff --git a/user_css/player.css b/user_css/player.css
new file mode 100644
index 00000000..40c51052
--- /dev/null
+++ b/user_css/player.css
@@ -0,0 +1,104 @@
+@import url('https://fonts.cdnfonts.com/css/baloo-da');
+
+:root {
+    --primary-color: #6360cd;
+    --secondary-color: #536390;
+    --font-color: #424242;
+    --bg-color: rgb(200, 200, 200);
+    --heading-color: #292922;
+    --gradiant-color: linear-gradient(90deg, #532222 0%, #712020 100%);
+    --main-border-color: red;
+}
+
+[data-theme="dark"] {
+    --primary-color: #5391a8;
+    --secondary-color: #646a7a;
+    --font-color: #e1e1ff;
+    --bg-color: #161625;
+    --heading-color: #818cab;
+    --gradiant-color: linear-gradient(90deg, #5c0404 0%, #5c2424 100%);
+    --main-border-color: #091585;
+}
+
+[data-theme="pink"] {
+    --primary-color: #24428a;
+    --secondary-color: #262278;
+    --font-color: #b15699;
+    --bg-color: #d99acd;
+    --heading-color: #4f78c4;
+    --gradiant-color: linear-gradient(90deg, #891574 0%, #70265c 100%);
+    --main-border-color: #548ca9;
+}
+
+[data-theme="green"] {
+    --primary-color: #096d08;
+    --secondary-color: #0a9e66;
+    --font-color: #063810;
+    --bg-color: #06b44e;
+    --heading-color: #096d08;
+    --gradiant-color: linear-gradient(90deg, #15894f 0%, #26703f 100%);
+    --main-border-color: #a9eb4c;
+}
+
+[data-theme="dark-green"] {
+    --primary-color: #3b6b3b;
+    --secondary-color: #306e33;
+    --font-color: #1f702f;
+    --bg-color: #1c3d28;
+    --heading-color: #3c9c3a;
+    --gradiant-color: linear-gradient(90deg, #15894f 0%, #26703f 100%);
+    --main-border-color: #377e40;
+}
+[data-theme="black-white"] {
+    --primary-color: #fff;
+    --secondary-color: #000000;
+    --font-color: #ffffff;
+    --bg-color: #000;
+    --heading-color: #ffffff;
+    --gradiant-color: linear-gradient(90deg, #fdfdfd 0%, #000000 100%);
+    --main-border-color: #ffffff;
+}
+[data-theme="blue-pink"] {
+    --primary-color: #2F3C7E;
+    --secondary-color: #2F3C7E;
+    --font-color: #2F3C7E;
+    --bg-color: #FBEAEB;
+    --heading-color: #2F3C7E;
+    --gradiant-color: linear-gradient(90deg, #FBEAEB 0%, #2F3C7E 100%);
+    --main-border-color: #2F3C7E;
+}
+[data-theme="charcoal-yellow"] {
+    --primary-color: #101820FF;
+    --secondary-color: #101820FF;
+    --font-color: #101820FF;
+    --bg-color: #FEE715FF;
+    --heading-color: #101820FF;
+    --gradiant-color: linear-gradient(90deg, #FEE715FF 0%, #101820FF 100%);
+    --main-border-color: #101820FF;
+}
+[data-theme="hotpink-cyan"] {
+    --primary-color: #FF69B4;
+    --secondary-color: #FF69B4;
+    --font-color: #FF69B4;
+    --bg-color: #00FFFF;
+    --heading-color: #FF69B4;
+    --gradiant-color: linear-gradient(90deg, #FEE715FF 0%, #00FFFF 100%);
+    --main-border-color: #FF69B4;
+}
+
+html {
+  background-color: var(--bg-color);
+}
+
+.heading {
+    color: var(--primary-color);
+}
+
+.big-heading {
+    color: var(--secondary-color);
+    font-size: 2.5rem;
+}
+
+a {
+    color: var(--primary-color);
+}
\ No newline at end of file
diff --git a/user_scripts/player-theme.js b/user_scripts/player-theme.js
new file mode 100644
index 00000000..e0247d09
--- /dev/null
+++ b/user_scripts/player-theme.js
@@ -0,0 +1,51 @@
+const toggleState = 1;
+
+function themeValue(toggleState) {
+    if (toggleState == 1) {
+        document.documentElement.setAttribute('data-theme', 'light');
+      localStorage.setItem('theme', 'light');
+    }
+    if (toggleState == 2) {
+        document.documentElement.setAttribute('data-theme', 'dark');
+      
+      localStorage.setItem('theme', 'dark');
+    }
+    if (toggleState == 3) {
+        document.documentElement.setAttribute('data-theme', 'pink');
+      
+      localStorage.setItem('theme', 'pink');
+    }
+    if (toggleState == 4) {
+      document.documentElement.setAttribute('data-theme', 'green');
+
+    localStorage.setItem('theme', 'green');
+  }
+  if (toggleState == 5) {
+    document.documentElement.setAttribute('data-theme', 'dark-green');
+
+  localStorage.setItem('theme', 'dark-green');
+}
+if (toggleState == 6) {
+  document.documentElement.setAttribute('data-theme', 'black-white');
+
+localStorage.setItem('theme', 'black-white');
+}
+if (toggleState == 7) {
+  document.documentElement.setAttribute('data-theme', 'blue-pink');
+
+localStorage.setItem('theme', 'blue-pink');
+}
+if (toggleState == 8) {
+  document.documentElement.setAttribute('data-theme', 'charcoal-yellow');
+
+localStorage.setItem('theme', 'charcoal-yellow');
+}
+if (toggleState == 9) {
+  document.documentElement.setAttribute('data-theme', 'hotpink-cyan');
+
+localStorage.setItem('theme', 'hotpink-cyan');
+}
+}
+
+const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null;
+document.documentElement.setAttribute('data-theme', currentTheme);
