Add Navbar and Task Styles

static/style/style.css

@@ -1,6 +1,34 @@
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+}
+
+li {
+   float: left;
+}
+
+li a {
+   display: block;
+   color: white;
+   background-color: #333;
+   text-align: center;
+   padding: 14px 16px;
+   text-decoration: none;
+}
+
+/* Change the link color to #111 (black) on hover */
+li a:hover {
+   background-color: #111;
+}
+
+
 * {
   background-color: black;
-  color: white;  
+  color: white;
+  font-family: monospace;
 }
 
 
@@ -8,6 +36,12 @@
     display: flex;
 }
 
+.worker-list {
+    display: flex;
+    gap: 5px;
+    flex-wrap: wrap;
+}
+
 .counter-image {
     image-rendering: pixelated;
     image-rendering: -moz-crisp-edges;
@@ -27,4 +61,14 @@
 
 .worker tr{
     border: 1px solid white;
+}
+
+.task-list table{
+    border: 1px solid white;
+    border-collapse: collapse;
+    border-spacing: 5px;
+}
+
+.task-list tr{
+    border: 1px solid white;
 }