Color (#141)

## Issue
(#110 )
## Description
changed the colours wherever required:-
1. home page hero section (converted to white)
2. footer social media icons (white -> brown) 


## Related Issues

<!--Cite any related issue(s) this pull request addresses. If none,
simply state “None”-->
- Closes #

## Type of PR
<!-- Mention PR Type according to the issue in brackets below and check
the below box -->
- [feature] ()

## Screenshots / videos (if applicable)
1. <img width="1440" alt="Screenshot 2024-10-03 at 1 46 02 AM"
src="https://github.com/user-attachments/assets/6d7baf34-733b-448c-9c3d-9189facfb234">
2. <img width="1440" alt="Screenshot 2024-10-03 at 1 45 38 AM"
src="https://github.com/user-attachments/assets/77b6ab19-163b-44c4-aaf2-4bab330bf892">




## Checklist
<!-- [X] - put a cross/X inside [] to check the box -->
- [X] I have gone through the [contributing
guide](https://github.com/Anjaliavv51/Retro)
- [X] I have updated my branch and synced it with project `main` branch
before making this PR
- [X] I have performed a self-review of my code
- [X] I have tested the changes thoroughly before submitting this pull
request.
- [X] I have provided relevant issue numbers, screenshots, and videos
after making the changes.
- [X] I have commented my code, particularly in hard-to-understand
areas.


## Additional context:
<!--Include any additional information or context that might be helpful
for reviewers.-->

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 {

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

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 {

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 {

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 {

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>

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 {