diff --git a/frontend/src/App.js b/frontend/src/App.js
index 9a4c394..324259f 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -5,6 +5,9 @@ import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import LoginForm from "./pages/Login/Login";
 import SignupScreen from "./pages/Signup/SignupScreen";
 import SignupTab3 from "./pages/Signup/components/SignupTab3";
+import styles from './MyStyle.css';
+
+
 function App() {
   return (
     <div className="App">
@@ -18,8 +21,26 @@ function App() {
                 <Route exact path="/register1" element={<SignupTab3 />} />
             </Routes>
         </Router>
+        
+        <div class="container">
+        <div class="box"></div>
+        <div class="box"></div>
+        <div class="box"></div>
+        <div class="box"></div>
+        <div
+  style={{
+    display: 'flex',
+    justifyContent: 'center',  // Horizontally center
+    alignItems: 'flex-start',   // Align to the top       // 100% of the viewport height
+  }}
+>
+  <h2 style={{ padding: '10px', marginTop: '20px', fontFamily: 'Arial, sans-serif'}}>Loading...</h2>
+</div>        
+    </div>
     </div>
   );
 }
 
+
 export default App;
+