diff --git a/Css-files/content.css b/Css-files/content.css
index 03ef653b..941f94d7 100644
--- a/Css-files/content.css
+++ b/Css-files/content.css
@@ -441,7 +441,7 @@ input
     font-size: 1.2rem;
     padding: 15px;
     text-decoration: none;
-    color: white;
+    color: brown !important;
 }
 
 .fa-facebook:hover {
diff --git a/Css-files/style.css b/Css-files/style.css
index a8b20481..8d50e613 100644
--- a/Css-files/style.css
+++ b/Css-files/style.css
@@ -518,7 +518,7 @@ textarea {
     font-size: 1.2rem;
     padding: 15px;
     text-decoration: none;
-    color: hsl(203, 30%, 26%) ;
+    color: brown !important ;
 }
 
 
diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html
index d5009632..ad452635 100644
--- a/Html-files/Electronic.html
+++ b/Html-files/Electronic.html
@@ -328,7 +328,7 @@
   padding: 8px;
   margin: 15px;
   text-decoration: none;
-  color: rgb(248, 243, 243);
+  color: brown !important;
 }
 
 .social-icons a:hover {
diff --git a/Html-files/contact.html b/Html-files/contact.html
index b6a5bb2b..bb960419 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -287,7 +287,7 @@
             padding: 8px;
             margin: 15px;
             text-decoration: none;
-            color: white;
+            color:brown !important;
         }
 
         .social-icons a:hover {
@@ -487,7 +487,7 @@
   padding: 8px;
   margin: 15px;
   text-decoration: none;
-  color: rgb(18, 16, 16);
+  color: brown !important;
 }
 
 .social-icons a:hover {
diff --git a/Html-files/menu.html b/Html-files/menu.html
index 52808186..7bddee20 100644
--- a/Html-files/menu.html
+++ b/Html-files/menu.html
@@ -208,7 +208,7 @@
   padding: 8px;
   margin: 15px;
   text-decoration: none;
-  color: rgb(18, 16, 16);
+  color: brown !important;
 }
 
 .social-icons a:hover {
diff --git a/index.html b/index.html
index ca4caaca..edc1dcc2 100644
--- a/index.html
+++ b/index.html
@@ -379,7 +379,7 @@
 
     <section class="intro_container">
         <h1 style="font-family: var(--ff-philosopher);color: brown;z-index: 99;">Welcome to Retro!</h1>
-        <p style="font-family: var(--ff-poppins);z-index: 99;color: hsl(208, 7%,46%);">Step back in time and experience the nostalgic charm of days gone by. 
+        <p style="font-family: var(--ff-poppins);z-index: 99;color: white;">Step back in time and experience the nostalgic charm of days gone by. 
             Immerse yourself in the world of vintage tech, classic designs, and timeless memories. 
             Get ready to embark on a journey through the ages, where innovation meets tradition, and the past inspires the future.</p>
         <button class="btn" id="openButton" style="z-index: 99;">Order Now</button>
diff --git a/style.css b/style.css
index 78a252fa..18b6dacf 100644
--- a/style.css
+++ b/style.css
@@ -569,7 +569,7 @@ textarea {
   padding: 8px;
   margin: 15px;
   text-decoration: none;
-  color: rgb(18, 16, 16);
+  color: brown !important;
 }
 
 .social-icons a:hover {