Basic nord styling

static/style.css

@@ -1,3 +1,9 @@
+body {
+    background-color: #2e3440;
+    color: white;
+}
+
+
 .wrapper {
     /* Text margin */
     margin: auto;
@@ -6,3 +12,18 @@
     perspective: 1000px;
 }
 
+.card {
+    background-color: #3b4252;
+    border-radius: 5px;
+    border: 1px solid #81a1c1;
+    margin: 7px;
+    box-shadow: 5px 5px #4c566a;
+    text-align: center;
+}
+
+button, input[type=submit] {
+    padding: 5px 15px;
+    background-color: #88c0d0;
+    border-radius: 5px; 
+    border: none;
+}

templates/home.html

@@ -1,10 +1,10 @@
 {% extends 'base.html' %}
 {% block content %}
 {% for task in tasks %}
-<ul>
-    <li>{{task.title}}</li>
-    <li>{{task.description}}</li>
-    <li>{{task.status}}</li>
-</ul>
+<div class="card">
+    <h3>{{task.title}}</h3>
+    <p>{{task.description}}</p>
+    <p>{{task.status}}</p>
+</div>
 {% endfor %}
 {% endblock %}