solve UI problem

Author: HimanshuNarware

frontend/src/style/Footer.css

@@ -3,6 +3,7 @@
   /* margin-top: 5rem;  */
   background: #6a43c3;
   color: white;
+  width: 100vw;
 }
 /* Social Icons Hover Effects */
 .outerD .icons {

frontend/src/style/NotFound.css

@@ -27,16 +27,25 @@
   .not-found-image {
     max-width: 100%;
     height: auto;
+    border-radius: 5px;
+    margin-block:50px;
+    /* background-image: cross-fade(10px); */
+/* object-fit: contain;
+filter: opacity(10)px; */
+/* background-color: rgba(224, 110, 110, 0.6); */
+/* background-blend-mode: lighten; */
+/* filter: blur(1px); */
   }
+
 
 .not-found-button {
     display: inline-block;
     /* position: absolute; */
     top: 70%;
     left: 44%;
     padding: 10px 20px;
-    background-color: #007bff;
-    color: #fff;
+    background-color: #6600ff;
+    color: #ffffff;
     text-decoration: none;
     border: none;
     border-radius: 4px;

frontend/src/style/Rateus.css

@@ -27,6 +27,7 @@
   border-radius: 5px;
   background-color: #8B5CF6;
   transition: box-shadow 0.3s, transform 0.3s;
+  margin: 100px 20px;
 }
 
 .rate-us-container:hover {