From 3e2c537d12095c6bffec5ecaa1d260b25bd1496e Mon Sep 17 00:00:00 2001
From: tomoayan <63101155+tomoayan@users.noreply.github.com>
Date: Thu, 21 Mar 2024 21:37:34 +0530
Subject: [PATCH] fix: contrast issue

---
 index.html | 2 +-
 main.css   | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 48bc6d4..99d9cfa 100644
--- a/index.html
+++ b/index.html
@@ -120,7 +120,7 @@ <h3>Tomo</h3>
         </div>
         <div class="roadMap">
             <div class="roadmap-wrapper">
-                <h1>Roadmap</h1>
+                <h1>🛣️ Roadmap</h1>
                 <div class="active">
                     <h4>Active</h4>
                     <div class="task">
diff --git a/main.css b/main.css
index b2b6e1a..91b43c2 100644
--- a/main.css
+++ b/main.css
@@ -214,6 +214,7 @@ align-items: flex-end;
     border-left: 1px solid hsla(0, 0%, 100%, 0.2);
     min-height: 100vh;
     padding: 40px;
+    color: hsl(0, 0%, 100%, 0.8);
 }
 
 .roadmap-wrapper {
@@ -224,17 +225,17 @@ align-items: flex-end;
     width: 100%;
     margin-bottom: 16px;
     padding-bottom: 6px;
+
 }
 
 .roadmap-wrapper .active, .roadmap-wrapper .planned {
-    margin-left: 20px;
     display: flex;
     flex-direction: column;
-    gap: 10px
+    gap: 10px;
 }
 
 .roadMap .planned {
-margin-top: 50px;    
+    margin-top: 50px;    
 }
 
 .roadMap .task {
@@ -258,7 +259,6 @@ margin-top: 50px;
 @media screen and (max-width: 1024px) {
     .roadMap {
         border-left: none;
-        /* border-top: 1px solid hsla(0, 0%, 100%, 0.2); */
         margin-top: 40px;
     }
 }
\ No newline at end of file