auto play boxes + get rid of tailwind

css/boxes.css

@@ -0,0 +1,9 @@
+.boxes-container {
+  max-width: 800px;
+  margin: 100px auto;
+}
+.boxes-container input{
+  height: 20px;
+  width: 20px;
+  margin: 2;
+}

css/main.css

@@ -1,8 +1,34 @@
+:root {
+  --background-color: #1e1e1e;
+  --color: #dcdcdc;
+  --primary: #569cd6;
+  --secondary: #c586c0;
+  --success: #98c379;
+  --warning: #d19a66;
+  --error: #f44747;
+  --font-family: 'JetBrains Mono', monospace;
+}
+
 body {
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
-  }
-  main {
-    flex: 1;
-  }
+  background-color: var(--background-color);
+  color: var(--color);
+  font-family: var(--font-family);
+  min-height: 100vh;
+  margin: 0;
+}
+
+body>footer{
+  bottom: 0;
+}
+
+a {
+  color: var(--primary);
+}
+
+a:hover {
+  color: var(--secondary);
+}
+
+nav li {
+  list-style: none;
+}