Updated theme handling and got the category form to clone rows.

css/main.css

@@ -1,9 +1,17 @@
-:root {
-    --main-bg-color: #D3D3D3;
-    --main-font-color: #006400;
+body {
+    padding: 10px;
 }
 
-body {
-    background-color: var(--main-bg-color);
-    color: var(--main-font-color);
+.three_column {
+    float: left;
+    width: 33.33%;
+}
+
+
+/* Clear floats after the columns */
+
+.three_column_row:after {
+    content: "";
+    display: table;
+    clear: both;
 }

css/theme-dark.css

@@ -0,0 +1,19 @@
+:root {
+    --main-bg-color: rgb(0, 0, 0);
+    --main-font-color: #ffffff;
+}
+
+body {
+    background-color: var(--main-bg-color);
+    color: var(--main-font-color);
+}
+
+input {
+    background-color: #aea8a5;
+    border: 0px;
+}
+
+button {
+    background-color: var(--main-bg-color);
+    color: var(--main-font-color);
+}

css/theme-medium.css

@@ -0,0 +1,29 @@
+:root {
+    --main-bg-color: #D3D3D3;
+    --main-font-color: #006400;
+    --main-button-bg: #331832;
+    --main-input-bg: #808A9F;
+}
+
+body {
+    background-color: var(--main-bg-color);
+    color: var(--main-font-color);
+}
+
+input,
+select {
+    background-color: var(--main-bg-color);
+    color: var(--main-font-color);
+    border: 1px solid var(--main-input-bg);
+}
+
+button {
+    background-color: var(--main-bg-color);
+    color: var(--main-font-color);
+    border: 1px solid var(--main-input-bg);
+    padding: 2px;
+}
+
+form {
+    display: space-evenly;
+}