Body background added

style.css

@@ -1,13 +1,10 @@
 @import url('https://fonts.googleapis.com/css2?family=Sulphur+Point:wght@300;400;700&display=swap');
 /*font-family: "Sulphur Point", sans-serif;*/
-
 @import url('https://fonts.googleapis.com/css2?family=Limelight&display=swap');
 /*font-family: "Limelight", sans-serif;*/
-
 @import url('https://fonts.googleapis.com/css2?family=Crushed&family=Sulphur+Point:wght@300;400;700&display=swap');
 /*font-family: "Crushed", sans-serif*/
 
-
 :root {
     /*---------------Fonts-------------*/
     --main-font: "Sulphur Point", sans-serif;
@@ -27,8 +24,6 @@
     --button-color: #E78282;
   }
 
-
-
 *{
     font-family: var(--main-font);
     margin: 0;
@@ -41,6 +36,7 @@ body{
     background-attachment: fixed;
     background-color: var(--background-color);
     background-image: linear-gradient(43deg, var(--homePage-color1) 0%, var(--homePage-color4) 46%, var(--homePage-color2) 100%);
+
 }
 
 .container{
@@ -49,7 +45,6 @@ body{
     height: 100svh; /* svh is a good unit for mobile https://media.licdn.com/dms/image/D4D12AQH-AdDIFMTlOw/article-cover_image-shrink_720_1280/0/1700152353589?e=2147483647&v=beta&t=94i335uRJOEqhBfAk2ANBBSsKVDoq51PN2hc9Lclc5I */
 }
 
-
 /*****************************Header and Navigation bar************************************/
 .page-header nav{
     padding: 10px 25px;
@@ -76,12 +71,12 @@ body{
     color: black;
   }
 
-  .page-header hr {
+.page-header hr {
     width: 60%;
     margin: 2px auto;
     border: 0;
     height: 2px;
-    background-image: linear-gradient(to right, #00000000, #827984, #2b2b2b00)
+    background-image: linear-gradient(to right, #00000000, #6c646d, #2b2b2b00)
   }
 .page-header img{
     height: 52px;