diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6b665aa
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5501
+}
diff --git a/about.html b/about.html
index 877b102..fcd5475 100644
--- a/about.html
+++ b/about.html
@@ -28,13 +28,12 @@
     />
     <link rel="stylesheet" href="./assets/css/style.css" />
     <link rel="stylesheet" href="./assets/css/responsiveness.css" />
-   
-  <style>
-  #footer {
-    display: none;
-  }
-  </style>
 
+    <style>
+      #footer {
+        display: none;
+      }
+    </style>
   </head>
 
   <body>
@@ -51,11 +50,7 @@
         </div>
         <div id="nav-text" class="nav_buttons">
           <a href="./index.html" class="nav_button">HOME</a>
-          <a
-            href="#donates"
-            class="nav_button showPopupButton"
-            >DONATE</a
-          >
+          <a href="#donates" class="nav_button showPopupButton">DONATE</a>
           <a href="./about.html" class="nav_button">ABOUT US</a>
           <a href="#footer" class="nav_button">CONTACT US</a>
         </div>
@@ -74,18 +69,28 @@
                 alt="About 1"
               />
             </div>
-            <div class="col-12 col-lg-6 col-xl-7">
+            <div class="col-12 col-lg-6 col-xl-7 glass-effect">
               <div class="row justify-content-xl-center">
                 <div class="col-12 col-xl-11">
                   <h2 class="mb-3">Who Are We?</h2>
                   <p class="lead fs-5 text-secondary mb-3">
-                    Tree2Hope is a purpose-driven initiative committed to fostering global reforestation efforts and championing environmental stewardship. Our platform enables eco-conscious individuals and businesses to actively participate in the restoration of our planet's green spaces. 
+                    Tree2Hope is a purpose-driven initiative committed to
+                    fostering global reforestation efforts and championing
+                    environmental stewardship. Our platform enables
+                    eco-conscious individuals and businesses to actively
+                    participate in the restoration of our planet's green spaces.
                   </p>
                   <p class="fs-5 mb-5">
-                    For the low, low price of one dollar, you can choose a specific area in need of ecological attention and help fund the planting of a tree there, having an immediate and tangible effect on the world around you.
+                    For the low, low price of one dollar, you can choose a
+                    specific area in need of ecological attention and help fund
+                    the planting of a tree there, having an immediate and
+                    tangible effect on the world around you.
                   </p>
                   <p class="lead fs-5 text-secondary mb-3">
-                    Join us in our mission to create a sustainable and flourishing ecosystem that supports biodiversity and mitigates the effects of climate change for a brighter, greener future.
+                    Join us in our mission to create a sustainable and
+                    flourishing ecosystem that supports biodiversity and
+                    mitigates the effects of climate change for a brighter,
+                    greener future.
                   </p>
                   <!-- <div class="row gy-4 gy-md-0 gx-xxl-5X">
                     <div class="col-12 col-md-6">
diff --git a/assets/css/style.css b/assets/css/style.css
index 1fe79d4..664f17f 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -10,6 +10,21 @@
 
 /* Menu Bar */
 
+.glass-effect {
+  background: rgba(
+    255,
+    255,
+    255,
+    0.4
+  ); /* Increase opacity for a more solid effect */
+  backdrop-filter: blur(15px); /* Increase blur to make it more pronounced */
+  -webkit-backdrop-filter: blur(15px); /* Safari support with increased blur */
+  border-radius: 15px; /* Keep rounded corners */
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Stronger shadow for more depth */
+  padding: 25px; /* Increase padding for spacing */
+  color: #fff; /* Keep text white for readability */
+}
+
 .menu-container {
   display: none;
   position: fixed;
@@ -80,7 +95,7 @@
 .menu-button {
   cursor: pointer;
   background: transparent;
-  color: #03A254;
+  color: #03a254;
   /* text-align:; */
   display: block;
   justify-content: end;
