.

src/styles/about.css

@@ -1,10 +1,13 @@
 /* about.css */
+body {
+  background-image: url("/images/subtle-prism.svg");
+}
 
 /*? ↓ About Section Styles ↓ */
 
 .about-section {
   max-width: 1000px;
-  margin: 60px auto;
+  margin: 30px auto;
   padding: 0 20px;
   color: #495057;
   line-height: 1.6;
@@ -19,17 +22,17 @@
 .about-section h1 {
   font-size: 2.5rem;
   text-align: center;
-  margin-bottom: 40px;
+  margin-bottom: 20px;
 }
 
 .about-section h2 {
   font-size: 1.8rem;
-  margin-top: 40px;
 }
 
 .about-section p {
-  margin-bottom: 20px;
+  margin-bottom: 5px;
   font-size: 1.05rem;
+  text-align: left;
 }
 
 .about-section a {
@@ -44,15 +47,16 @@
 /*? ↓ Contact Section Styles ↓ */
 
 .contact-section {
-  max-width: 800px;
+  max-width: 1200px;
   margin: 80px auto;
   padding: 0 20px;
   color: #495057;
+  background-color: #d3e9f1;
 }
 
 .contact-section h2 {
   font-size: 2rem;
-  margin-bottom: 20px;
+  margin: 20px 0px;
   text-align: center;
 }
 
@@ -135,7 +139,7 @@
 #contact-form button[type="submit"] {
   margin-top: 30px;
   padding: 12px 25px;
-  background-color: #2e97be;
+  background-color: #ea7e0b;
   color: #fff;
   border: none;
   border-radius: 50px;