From e072a13df2644b4d2542be65c2d6bb0b33d6cbfd Mon Sep 17 00:00:00 2001
From: Yash Karandikar <yash@karx.xyz>
Date: Fri, 19 Aug 2022 08:51:19 -0500
Subject: [PATCH] Basic nord styling

---
 static/style.css    | 21 +++++++++++++++++++++
 templates/home.html | 10 +++++-----
 2 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/static/style.css b/static/style.css
index 0696e40..6f0a34d 100644
--- a/static/style.css
+++ b/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;
+}
diff --git a/templates/home.html b/templates/home.html
index d6da5db..6420048 100644
--- a/templates/home.html
+++ b/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 %}