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 %}