patch #3

frontend/src/app/globals.css

@@ -7,7 +7,7 @@
 :root {
   --bg-primary: #11121f;
   --bg-secondary: #0c0c16;
-  --primary-special-color:#5454ff;
+  --primary-special-color:#4343ff;
 }
 
 body {

frontend/src/app/not-found.js

@@ -36,17 +36,19 @@ const styles = {
     left: 0,
     right: 0,
     bottom: 0,
-    background: 'url("/404_bg.jpg") no-repeat center center/cover',
+    background: 'url("/404_bg2.jpg") no-repeat center center/cover',
     filter: "blur(5px)",
     zIndex: -1, // Sends the overlay behind the text
   },
   title: {
+    color:'var(--primary-special-color)',
     fontSize: "3rem",
     fontWeight: "bold",
     textShadow: "2px 2px 4px rgba(0, 0, 0, 0.7)",
   },
   message: {
     fontSize: "1.5rem",
+    fontWeight: "200",
     margin: "20px 0",
     textShadow: "1px 1px 3px rgba(0, 0, 0, 0.7)",
   },
@@ -60,5 +62,6 @@ const styles = {
     border: "2px solid var(--primary-special-color)",
     transition: "background-color 0.3s ease",
     boxShadow: "0 4px 8px rgba(0, 0, 0, 0.5)",
+    fontWeight: "400",
   },
 };

frontend/src/components/Header.css

@@ -30,7 +30,8 @@
   
   .header-title {
     font-size: x-large;
-    padding: 0; /* Remove padding if not needed */
+    padding: 0;
+    font-weight: 800;
   }
   
   .search-button{

frontend/src/components/Sidebar.css

@@ -59,6 +59,7 @@
     margin-left: 16px;
     margin-bottom: 0;
     white-space: nowrap;
+    font-weight: 800;
   }
 
   .sidebar-menu {