reorganize

index.css

@@ -1,8 +1,8 @@
 :root {
-    --black: rgb(7, 29, 39);
-    --gray: rgb(19, 99, 102);
-    --gray-2: rgb(74, 178, 182);
-    --white: rgb(224, 242, 243);
+    --black: rgb(8, 2, 31);
+    --gray: rgb(13, 21, 99);
+    --gray-2: rgb(47, 74, 190);
+    --white: rgb(191, 245, 248);
     --primary-dark: rgb(69, 122, 201);
     --primary-light: rgb(145, 193, 255);
     --elem-width: min(800px, 90vw);
@@ -14,6 +14,12 @@
     font-family: var(--font) !important;
 }
 
+@media all and (max-width: 500px) {
+    th, td {
+        display: block;
+    }
+}
+
 body {
     display: flex;
     flex-direction: column
@@ -83,8 +89,9 @@ th {
     text-align: left;
     padding: 8px;
 }
+
 th {
-    width: 30%;
+    min-width: 30%;
     background: var(--gray-2);
     border-color: var(--white)
 }

index.html

@@ -30,9 +30,6 @@
             </tr>
         </table>
         <img src='https://dervland.net/files/eggErm.svg' class='art'>
-    </div>
-
-    <div class='content'>
         <h1 class='content-header'>Links</h1>
         <div>
             <a class="form-button" href="https://git.dervland.net/BiglyDerv">Code</a>