From ef811cd3fb11989f76a1bf5fd265e8aa98aff7f6 Mon Sep 17 00:00:00 2001
From: Naresh Rajput <nareshmewada014@gmail.com>
Date: Mon, 2 Jan 2023 20:00:43 +0530
Subject: [PATCH] set the new UI

---
 public/index.html           | 4 ++++
 src/App.css                 | 4 ++++
 src/Components/TaskCard.jsx | 1 +
 src/Pages/Homepage.jsx      | 2 +-
 4 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 56ca6dc..dfd4109 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,6 +6,10 @@
       rel="icon"
       href="https://img.icons8.com/fluency/2x/microsoft-todo-2019.png"
     />
+    <link
+    href="https://fonts.googleapis.com/css2?family=Poppins&display=swap"
+    rel="stylesheet"
+  />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
diff --git a/src/App.css b/src/App.css
index 74b5e05..d4c172e 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,3 +1,7 @@
+* {
+  font-family: "Poppins", sans-serif;
+}
+
 .App {
   text-align: center;
 }
diff --git a/src/Components/TaskCard.jsx b/src/Components/TaskCard.jsx
index 4a37b83..53cc442 100644
--- a/src/Components/TaskCard.jsx
+++ b/src/Components/TaskCard.jsx
@@ -46,6 +46,7 @@ const TaskCard = ({ id, title, description, tags, subTasks, colorScheme }) => {
       boxShadow="0px 10px 15px -3px rgba(0,0,0,0.1)"
       margin="0.5rem auto 1rem"
       padding="10px"
+      borderTop={"1px solid grey"}
     >
       <Flex justifyContent="space-between">
         <Text>{title}</Text>
diff --git a/src/Pages/Homepage.jsx b/src/Pages/Homepage.jsx
index 4b8c540..eccec55 100644
--- a/src/Pages/Homepage.jsx
+++ b/src/Pages/Homepage.jsx
@@ -38,7 +38,7 @@ const Homepage = () => {
   }, [dispatch, tasks.length]);
 
   return (
-    <Box width="100%" paddingTop="1rem" bg={"#436c89"}>
+    <Box width="100%" paddingTop="1rem" bg={"#4e4b58"}>
       <Flex justifyContent="space-around">
         {/* Todo */}
         <Box