Clean up style

package.json

@@ -14,7 +14,8 @@
     "react-router-hash-link": "^2.4.3",
     "react-scripts": "^5.0.1",
     "react-scrollspy": "^3.4.3",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^2.1.4",
+    "axios": "^0.24.0"
   },
   "scripts": {
     "start": "react-scripts start -e .env",

public/assets/css/style.css

@@ -146,8 +146,8 @@
 
 :root {
     --light-purple: #F6F4FE;
-    --purple: #6A49F2;
-    --bg-purple: #6A49F2;
+    --purple: #1a3544;
+    --bg-purple: #1a3544;
     --dark-purple: #32236F;
     --body-text-purple: #3E3F66;
     --text-white: #ffffff;

src/assets/css/style.css

@@ -146,8 +146,8 @@
 
 :root {
     --light-purple: #F6F4FE;
-    --purple: #6A49F2;
-    --bg-purple: #6A49F2;
+    --purple: #1a3544;
+    --bg-purple: #1a3544;
     --dark-purple: #32236F;
     --body-text-purple: #3E3F66;
     --text-white: #ffffff;
@@ -1803,7 +1803,7 @@ box-shadow: 1px 4px 8px -2px rgba(0,0,0,0.5);
     position: fixed;
     left: 0;
     top: 0;
-    background-color: rgba(50, 35, 111, 0.95);
+    background-color: rgba(26, 53, 68, 0.95);
     width: 100%;
     height: 100%;
     z-index: 99999;