From a7f37713a7486c070d988b06aa13818e35611144 Mon Sep 17 00:00:00 2001
From: Nikhil Raj <125121367+hustlernik@users.noreply.github.com>
Date: Tue, 28 Jan 2025 09:42:32 +0530
Subject: [PATCH] css refactor (#3458)

---
 src/components/NotFound/NotFound.module.css | 22 ------------------
 src/components/NotFound/NotFound.tsx        |  2 +-
 src/style/app.module.css                    | 25 +++++++++++++++++++++
 3 files changed, 26 insertions(+), 23 deletions(-)
 delete mode 100644 src/components/NotFound/NotFound.module.css

diff --git a/src/components/NotFound/NotFound.module.css b/src/components/NotFound/NotFound.module.css
deleted file mode 100644
index a209bc9f48..0000000000
--- a/src/components/NotFound/NotFound.module.css
+++ /dev/null
@@ -1,22 +0,0 @@
-.section {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-}
-
-.error {
-  font-size: 1.2rem;
-  font-weight: 500;
-}
-
-@media (min-width: 440px) and (max-width: 570px) {
-  .section {
-    margin-left: 50px;
-  }
-  .error {
-    font-size: 1.1rem;
-    font-style: oblique;
-  }
-}
diff --git a/src/components/NotFound/NotFound.tsx b/src/components/NotFound/NotFound.tsx
index 6b5332bbcf..782a6b49cd 100644
--- a/src/components/NotFound/NotFound.tsx
+++ b/src/components/NotFound/NotFound.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 
-import styles from './NotFound.module.css';
+import styles from '../../style/app.module.css';
 
 interface InterfaceNotFoundProps {
   title: string; // Title of the page or resource not found
diff --git a/src/style/app.module.css b/src/style/app.module.css
index 5efd03ee96..af8a19dbed 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -9101,3 +9101,28 @@ button[data-testid='createPostBtn'] {
   gap: 10px;
   align-items: center;
 }
+
+/* NotFound.tsx */
+
+.section {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+.error {
+  font-size: 1.2rem;
+  font-weight: 500;
+}
+
+@media (min-width: 440px) and (max-width: 570px) {
+  .section {
+    margin-left: 50px;
+  }
+  .error {
+    font-size: 1.1rem;
+    font-style: oblique;
+  }
+}