Trying to fix the addition of a new category

feature_list_legit.html

@@ -62,20 +62,8 @@
     <div class="cheater" id="cheater">Cheat</div>
   </div>
 
-
-
-
-
-
 
   <div class="module-list-legit" id="module-list-legit"></div>
-
-
-
-
-
-
-
 
 
   <footer>

script.js

@@ -1,12 +1,12 @@
-var currentPage = window.location.href.split('/').pop();
-var legitElement = document.getElementById('legit');
-var cheaterElement = document.getElementById('cheater');
+let currentPage = window.location.href.split('/').pop();
+let legitElement = document.getElementById('legit');
+let cheaterElement = document.getElementById('cheater');
 
 
 document.addEventListener("DOMContentLoaded", function () {
-    var currentPage = window.location.href.split('/').pop();
-    var legitElement = document.getElementById('legit');
-    var cheaterElement = document.getElementById('cheater');
+    let currentPage = window.location.href.split('/').pop();
+    let legitElement = document.getElementById('legit');
+    let cheaterElement = document.getElementById('cheater');
     if (legitElement) {
         legitElement.addEventListener('click', function() {
             if (currentPage === 'cheater' || currentPage === 'legit') {

styles.css

@@ -157,7 +157,7 @@ color: #8b8b8b; /* Darken the font color */
   height: 0.5px;
   line-height: 0.1px; /* Added a unit (px) */
   box-shadow: 0 0 10px white;
-  margin-top: 0 auto;
+  margin-top: auto;
   opacity: 0.25;
 }
 
@@ -379,7 +379,7 @@ color: #8b8b8b; /* Darken the font color */
 
 .module-list-legit {
   display: grid;
-  grid-template-columns: repeat(4, minmax(20%, 0.1fr)); /* Adjust the percentage as needed */
+  grid-template-columns: repeat(5, minmax(20%, 0.1fr)); /* Adjust the percentage as needed */
   justify-content: center;
   padding: 1em;
   gap: 2em;
@@ -390,7 +390,7 @@ color: #8b8b8b; /* Darken the font color */
 
 .module-list-cheater {
   display: grid;
-  grid-template-columns: repeat(4, minmax(20%, 0.1fr)); /* Adjust the percentage as needed */
+  grid-template-columns: repeat(5, minmax(20%, 0.1fr)); /* Adjust the percentage as needed */
   justify-content: center;
   padding: 1em;
   gap: 2em;
@@ -405,9 +405,6 @@ color: #8b8b8b; /* Darken the font color */
   user-select: none;
   text-align: center;
   justify-content: center;
-
-
-
 }
 
 .category-Floor7 {
@@ -417,7 +414,15 @@ color: #8b8b8b; /* Darken the font color */
   position: relative;
   user-select: none;
   text-align: center;
+}
 
+.category-Kuudra {
+    font-size: 30px; /* Change the font size as needed */
+    font-weight: bold; /* You can set font weight as needed */
+    color: #0066cc; /* Change the color as needed */
+    position: relative;
+    user-select: none;
+    text-align: center;
 }
 
 .category-Render {
@@ -427,8 +432,6 @@ color: #8b8b8b; /* Darken the font color */
   position: relative;
   user-select: none;
   text-align: center;
-
-
 }
 
 .category-Skyblock {
@@ -442,11 +445,6 @@ color: #8b8b8b; /* Darken the font color */
 
 }
 
-
-
-
-
-
 /* Style for module names */
 .module-name {
   font-size: 22px; /* Change the initial font size as needed */
@@ -462,7 +460,6 @@ color: #8b8b8b; /* Darken the font color */
   font-size: 24px; /* Change to the desired bigger font size on hover */
 }
 
-
 /* Style for module descriptions */
 .module-description {
   font-size: 17px; /* Change the font size as needed */
@@ -472,8 +469,6 @@ color: #8b8b8b; /* Darken the font color */
 }
 
 
-
-
 @media screen and (max-width: 768px){
 /*For Mobile only*/