diff --git a/frontend/src/css/NotFound.css b/frontend/src/css/NotFound.css
new file mode 100644
index 0000000000000000000000000000000000000000..afa349df16a477ddc2a0c230691b86d104ffa3e2
--- /dev/null
+++ b/frontend/src/css/NotFound.css
@@ -0,0 +1,24 @@
+.not-found-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 80vh; /* Adjust the height based on your header and footer */
+    text-align: center;
+}
+
+.not-found-container h1 {
+    font-size: 80px;
+    color: #007BFF;
+}
+
+.not-found-container h2 {
+    font-size: 36px;
+    color: #333;
+}
+
+.not-found-container p {
+    font-size: 16px;
+    color: #666;
+    margin-top: 20px;
+}