Update about.html (changed the page colors)

This pull request focuses on the color psychology and thus fixes the issue #117 

I request you to check this out and if it works, please consider merging it. Thank you.

Author: elinabhasin

about.html

@@ -33,7 +33,7 @@
       .navbar .logo {
         font-size: 1.8em;
         font-weight: bold;
-        color: #d32f2f;
+        color: #000000;
       }
 
       .navbar ul {
@@ -49,15 +49,15 @@
 
       .navbar ul li a {
         color: #fff;
-        background-color: #d32f2f;
+        background-color: #b5b1a8;
         text-decoration: none;
         padding: 10px 20px;
         border-radius: 5px;
         transition: background-color 0.3s, transform 0.3s;
       }
 
       .navbar ul li a:hover {
-        background-color: #b71c1c;
+        background-color: #444444;
         transform: scale(1.1);
       }
 
@@ -114,12 +114,11 @@
         padding: 0;
       }
 
-      ul li {
-        background: linear-gradient(145deg, #f9e0e0, #e8b8b8);
+      .values-principles ul li {
+        background: linear-gradient(145deg, #b8e7af, hsl(129, 28%, 73%));
         margin: 10px 0;
         padding: 15px 20px;
         border-radius: 5px;
-        color: #b71c1c;
         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1),
           inset 0 1px 3px rgba(255, 255, 255, 0.1);
         transition: transform 0.3s, box-shadow 0.3s;