From df1bf1e7fed1dc31c76f57f9d79c4579a86d3557 Mon Sep 17 00:00:00 2001
From: OpieEl <122821744+OpieEl@users.noreply.github.com>
Date: Sat, 21 Feb 2026 23:10:23 +0100
Subject: [PATCH] Add styling for main content and task list

---
 public/style.css | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/public/style.css b/public/style.css
index 01d4310..17d445c 100644
--- a/public/style.css
+++ b/public/style.css
@@ -19,4 +19,27 @@ body {
     display: flex;
     flex-direction: column;
 }
-
+* Main Container */
+#main-content {
+padding: 2rem;
+flex: 1;
+}
+/* Task List Styling */
+#task-list {
+list-style: none;
+margin-top: 1rem;
+}
+.task-item {
+background: white;
+padding: 1rem;
+margin-bottom: 0.5rem;
+border-radius: 8px;
+box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+display: flex;
+justify-content: space-between;
+align-items: center;
+transition: transform 0.2s;
+}
+.task-item:hover {
+transform: translateY(-2px);
+}