oops

src/index.css

@@ -290,7 +290,7 @@ table a{
 	display: grid;
 	grid-column-gap: 5px;
 	grid-row-gap: 5px;
-	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
 	grid-template-rows: 64px;
 	padding-bottom: var(--module-spacing);
 }
@@ -418,7 +418,10 @@ table a{
 #nav_item h4{
 	color: var(--color-text-acc);
 }
-
+#nav item button{
+	display: block;
+	color: var(--color-text-pri);
+}
 #nav_item a{
 	font-size: 1.25em;
 	display: block;
@@ -427,6 +430,7 @@ table a{
 	line-height: 2;
 	justify-self: center;
 	color: var(--color-text-pri);
+	border-radius: 1em;
 }
 #nav_item a:hover{
 	text-decoration: none;
@@ -684,7 +688,7 @@ table a{
 }
 
 #modal-footer{
-    display:flex;
+    display:grid;
     font-size:2em;
     justify-content: center;
 }
@@ -705,6 +709,10 @@ table a{
 #modal-footer input[type="checkbox"]:checked + label{
     color: var(--color-text-acc);
 }
+#modal-footer input[type="button"]{
+    display: none;
+    color: var(--color-text-pri);
+}
 
 .sneaky{
     right: 1em;
@@ -888,6 +896,12 @@ table a{
     color: #FDF1EF;
 }
 
+.theme-loyal{
+    background-color: #000000;
+    border: 4px solid #ffffff;
+    color: #ff0000;
+}
+
 /* MEDIA QUERIES */
 
 @media screen and (max-width: 1260px)