diff --git a/form/index.html b/form/index.html
index 3cf3a44a..cf856e88 100644
--- a/form/index.html
+++ b/form/index.html
@@ -11,26 +11,26 @@
         <form id="form" action="#">
             <h2>Register</h2>
             <div class="form-control">
-                <label for="username">Username</label>
+                <!-- <label for="username">Username</label> -->
                 <input type="text" id="username" placeholder="Enter username">
                 <small>Error message</small>
             </div>
             <div class="form-control">
-                <label for="email">Email</label>
+                <!-- <label for="email">Email</label> -->
                 <input type="email" id="email" placeholder="Enter email">
                 <small>Error message</small>
             </div>
             <div class="form-control">
-                <label for="password">Password</label>
+                <!-- <label for="password">Password</label> -->
                 <input type="password" id="password" placeholder="Enter password">
                 <small>Error message</small>
             </div>
             <div class="form-control">
-                <label for="password2">Confirm Password</label>
+                <!-- <label for="password2">Confirm Password</label> -->
                 <input type="password" id="password2" placeholder="Confirm password">
                 <small>Error message</small>
             </div>
-            <button type="submit">Submit</button>
+            <button type="submit" class="button">Submit</button>
         </form>
     </div>
     <script src="script.js"></script>
diff --git a/form/styles.css b/form/styles.css
index 617efa39..638fcb3c 100644
--- a/form/styles.css
+++ b/form/styles.css
@@ -3,26 +3,38 @@
 }
 
 body {
+    background-color: #19162c;
     font-family: Arial, sans-serif;
-    background-color: #f2f2f2;
+    /* background-color: #f2f2f2; */
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
     margin: 0;
 }
-
+.button {
+    font-size: 15px;
+    margin-left: 96px;
+    padding: 4px;
+    background-color: #f220b3;
+    border: none;
+    color: #fff;
+    border-radius: 2px;
+}
 .container {
-    background: #fff;
+    /* background: #fff; */
+    background: #211d3a;
     padding: 20px;
     border-radius: 5px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
+    box-shadow: 7px 7px 32px 0 #9165c8;
     width: 300px;
 }
 
 h2 {
     margin-bottom: 20px;
     text-align: center;
+    color: #fff;
 }
 
 .form-control {
diff --git a/src/Components/footer_section/about_us/About_us.css b/src/Components/footer_section/about_us/About_us.css
index a3c2dd16..a1850a61 100644
--- a/src/Components/footer_section/about_us/About_us.css
+++ b/src/Components/footer_section/about_us/About_us.css
@@ -32,42 +32,60 @@
 }
 
 .about-us-community {
-    border: 2px solid rgba(128, 100, 162, 1);
-    box-shadow: 7px 7px 32px 0px #9165c8;
+    /* border: 2px solid rgba(128, 100, 162, 1);
+    box-shadow: 7px 7px 32px 0px #9165c8; */
+    border: 2px solid #6052ff;
+    box-shadow: 7px 7px 32px 0 #6052ff;
 }
 
+
 .about-us-community:hover {
-    background: rgba(128, 100, 162, 1);
+    /* background: rgba(128, 100, 162, 1); */
+    /* background: #6d469f; */
+    background: #3228a7;
     color: white;
 }
 
 .about-us-location {
-    border: 2px solid rgba(128, 100, 162, 1);
-    box-shadow: 7px 7px 32px 0px #9165c8;
+    /* border: 2px solid rgba(128, 100, 162, 1);
+    box-shadow: 7px 7px 32px 0px #9165c8; */
+    border: 2px solid #6052ff;
+    box-shadow: 7px 7px 32px 0 #6052ff;
+
 }
 
 .about-us-location:hover {
-    background: rgba(128, 100, 162, 1);
+    /* background: rgba(128, 100, 162, 1); */
+    /* background: #6d469f; */
+    background: #3228a7;
     color: white;
 }
 
 .about-us-product {
-    border: 2px solid rgba(128, 100, 162, 1);
-    box-shadow: 7px 7px 32px 0px #9165c8;
+    /* border: 2px solid rgba(128, 100, 162, 1);
+    box-shadow: 7px 7px 32px 0px #9165c8; */
+    border: 2px solid #6052ff;
+    box-shadow: 7px 7px 32px 0 #6052ff;
 }
 
 .about-us-product:hover {
-    background: rgba(128, 100, 162, 1);
+    /* background: rgba(128, 100, 162, 1); */
+    /* background: #6d469f; */
+    background: #3228a7;
     color: white;
 }
 
 .about-us-event {
-    border: 2px solid rgba(128, 100, 162, 1);
-    box-shadow: 7px 7px 32px 0px #9165c8;
+    /* border: 2px solid rgba(128, 100, 162, 1);
+    box-shadow: 7px 7px 32px 0px #9165c8; */
+    border: 2px solid #6052ff;
+    box-shadow: 7px 7px 32px 0 #6052ff;
 }
 
 .about-us-event:hover {
-    background: rgba(128, 100, 162, 1);
+    /* background: rgba(128, 100, 162, 1); */
+    /* background: #6d469f; */
+    background: #3228a7;
     color: white;
 }
 
diff --git a/src/Components/menu_section/my_projects/MyProjects.css b/src/Components/menu_section/my_projects/MyProjects.css
index 19b9e405..35eef24e 100644
--- a/src/Components/menu_section/my_projects/MyProjects.css
+++ b/src/Components/menu_section/my_projects/MyProjects.css
@@ -58,16 +58,19 @@ color: gray;
     flex-wrap: wrap;
 }
 .edit-btn {
-    background-color: blue;
+    /* background-color: blue; */
+    background-color: #0b0b5f;
 }
 .github-btn {
-    background-color: purple;
+    /* background-color: purple; */
+    background-color: #ff6347;
 }
 .edit-btn:hover {
-    background-color: rgb(1, 1, 213);
+    /* background-color: rgb(1, 1, 213); */
+    background-color: #262696;
 }
 .github-btn:hover {
-    background-color: rgb(96, 1, 96);
+    background-color: #e55347;
 }
 .details {
     padding: 15px;