On branch main

Changes to be committed:
	modified:   css/indexStyle.css
	- Changed hero banner to be the proper color
	- Removed the gap between the header and the banner
	Deletions: images/
	- deleted:    images/facebook-icon.svg
	- deleted:    images/generic project photo.jpg
	- deleted:    images/generic_person.jfif
	- deleted:    images/hero background.jpg
	- deleted:    images/hero.jpg
	- deleted:    images/hero_superhero_dark.jpg
	- deleted:    images/hero_superhero_light.jpg
	- deleted:    images/instagram-icon.svg
	modified:   index.html
	-  new file:   images/mail_icon.svg
	modified:   project.html
	- Fixed consistency issues from index.html to project.html
	#

css/indexStyle.css

@@ -12,10 +12,10 @@
     --clr-One:#F2D7C0;
     --clr-Two:#B8C2C5;
     --clr-Three:#43665f;
-    --clr-hero: #E19479;
     --clr-Four:#A68B78 ;
     --clr-Five:#4A5052;
     --clr-Six: #5D3A28;
+    --clr-Hero: #e19479;
 
     --fs-h1: 2.5rem;
     --fs-h2: 1.8rem;
@@ -92,7 +92,7 @@ nav ul.nav-links a:focus {
 /* Main content */
 main {
     flex: 1;
-    /* padding-top: 120px; Added a gap between nav and hero which apparently is a faux*/
+    padding-top: 120px;
 }
 
 /* Hero */
@@ -100,10 +100,9 @@ main {
     display: flex;
     flex-direction: column;
     min-height: 30rem;
-    background: var(--clr-hero);
+    background: var(--clr-Hero);
     background-size: cover;
     background-position: center;
-    padding-top: 8rem;
     padding-bottom: 3rem;
     align-content: center;
     align-items: center;
@@ -114,7 +113,7 @@ div.hero-text {
     display: flex;
     flex-direction: column;
     text-align: center;
-    max-width: 300px;
+    max-width: 500px;
     gap: 1rem;
 }
 
@@ -364,7 +363,7 @@ footer p {
         grid-template-columns: 1fr 1fr;
         align-items: center;
         gap: 3rem;
-        /* padding: 4rem 2rem; */
+        padding: 4rem 2rem;
     }
     
     div.hero-text {