diff --git a/src/main.jsx b/src/main.jsx
index 871395f..6d5ab3e 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -4,21 +4,19 @@ import { createBrowserRouter, createRoutesFromElements, RouterProvider, Route }
 import './index.css'
 import App from './App.jsx'
 import Home from "./pages/Home/Home.jsx"
+import MarsRover from './pages/MarsRover/MarsRover.jsx'
 import NasaProjects from "./pages/NasaProjects/NasaProjects.jsx"
-import NotFoundPage from "./pages/404 Page/NotfoundPage.jsx"
-import './index.css'
-import { createBrowserRouter, createRoutesFromElements, RouterProvider, Route } from "react-router-dom"
 import About from "./pages/About/About.jsx"
-import MarsRover from './pages/MarsRover/MarsRover.jsx'
+import NotFoundPage from "./pages/404 Page/NotfoundPage.jsx"
 
 const router = createBrowserRouter(
   createRoutesFromElements(
     <Route path='/' element={<App />}>
       <Route index element={<Home />} />
+      <Route path='mars-rover' element={<MarsRover />} />
       <Route path='nasa-projects' element={<NasaProjects />} />
-      <Route path='*' element={<NotFoundPage />} />
       <Route path='about' element={<About />} />
-      <Route path='mars-rover' element={<MarsRover/>}/>
+      <Route path='*' element={<NotFoundPage />} />
     </Route>
   )
 )
diff --git a/src/pages/404 Page/Notfound.css b/src/pages/404 Page/Notfound.css
index b4bc4cb..1ac5010 100644
--- a/src/pages/404 Page/Notfound.css	
+++ b/src/pages/404 Page/Notfound.css	
@@ -1,192 +1,211 @@
-*{
-    padding: 0;
-    margin: 0;
-    box-sizing: border-box;
-  }
-  
-  *::before,
-  *::after {
-      content: '';
-    position: absolute;
-  }
-  
-  body{
-      background: #1B0034;
-      background-image: linear-gradient( 135deg, #1B0034 10%, #33265C 100%);
-      background-attachment: fixed;
-      background-size: cover;
-  
-  }
-  .error-page{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-  }
-  .error {
-      width: 100%;
-      height: auto;
-      margin: 50px auto;
-      text-align: center;
-      margin-bottom: 0;
-  }
-  
-  .dracula{
-      width: 230px;
-      height: 300px;
-      display: inline-block;
-      margin: auto;
-      overflowX: hidden;
-  }
-  
-  .error .p {
-      height: 100%;
-      color: #C0D7DD; 
-      font-size: 280px;
-      margin: 50px;
-      display: inline-block;
-      font-family: 'Anton', sans-serif;
-      font-family: 'Combo', cursive;
-  }
-  
-  
-  .con {
-    width: 500px;
-    height: 500px;
-    position: relative;
-    margin: 9% auto 0;
-  animation: ani9 0.7s ease-in-out infinite  alternate ;}
-  
-  @keyframes ani9 {
-      0%{
-      transform: translateY(10px);	
-    }
-    
-    100%{
-      transform: translateY(30px);	
-    }
-  
-  }
-  
-  
-  .con > * {
-    position: absolute;
-    top: 0; left: 0;
-  }
-  
-  .hair{
-    top: -20px;
-    width: 210px;
-    height: 200px;
-    background: #C0D7DD;
-    border-radius: 0 50% 0 50%;
-    transform: rotate(45deg);
-    background: #33265C;
-  }
-  .hair-r{
-    left: 20px;
-    width: 210px;
-    height: 200px;
-    background: #C0D7DD;
-    border-radius: 0 50% 0 50%;
-    transform: rotate(45deg);
-    background: #33265C;
-  
-  }
-  .head {
-    width: 200px;
-    height: 200px;
-    background: #C0D7DD;
-    border-radius: 0 50% 0 50%;
-    transform: rotate(45deg);
-  }
-  .eye {
-   width: 20px; height:20px;
-    background: #111113;
-    border-radius: 50%;
-    top: 15%; left: 11.5%;
-    transition: .3s linear;
-  }
-  .eye-r{left: 24%;}
-  
-  .mouth {
-    width: 60px; 
-    height: 20px;
-    background: #840021;
-    top: 20%;
-    left: 14%;
-    border-radius: 50% / 0 0 100% 100%;
-  }
-  .mouth::after{
-  
-    border-left: 5px solid transparent;
-    border-right: 5px solid transparent;
-    border-top: 13px solid #FFFFFF;
-    left: 10px;
-    
-  }
-  .mouth::before{
-    border-left: 5px solid transparent;
-    border-right: 5px solid transparent;
-    border-top: 13px solid #FFFFFF;
-    left: 40px;
-  }
-  
-  .blod {
-    width: 8px;
-    height: 20px;
-    background: #840021;
-    top: 23%; left: 17%; 
-    border-radius: 20px;
-  }
-  .blod::after{
-     width: 2px;
-    height: 10px;
-    background: #FFF;
-    top: 20%; left: 10%; 
-    border-radius: 20px;
-    
-  }
-  .blod2 {
-    top: 23%; left: 20%;
-    width: 13px;
-    height: 13px;
-    border-radius: 50% 50% 50% 0;
-    transform: rotate(130deg);
-    animation: blod 2s linear infinite;
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+.error-page {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+}
+
+.error {
+  width: 100%;
+  height: auto;
+  margin: 50px auto;
+  text-align: center;
+  margin-bottom: 0;
+}
+
+.dracula {
+  width: 230px;
+  height: 300px;
+  display: inline-block;
+  margin: auto;
+  overflowX: hidden;
+}
+
+.error .p {
+  height: 100%;
+  color: #C0D7DD;
+  font-size: 280px;
+  margin: 50px;
+  display: inline-block;
+  font-family: 'Anton', sans-serif;
+  font-family: 'Combo', cursive;
+}
+
+
+.con {
+  width: 500px;
+  height: 500px;
+  position: relative;
+  margin: 9% auto 0;
+  animation: ani9 0.7s ease-in-out infinite alternate;
+}
+
+@keyframes ani9 {
+  0% {
+    transform: translateY(10px);
+  }
+
+  100% {
+    transform: translateY(30px);
+  }
+
+}
+
+
+.con>* {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.hair {
+  top: -20px;
+  width: 210px;
+  height: 200px;
+  background: #C0D7DD;
+  border-radius: 0 50% 0 50%;
+  transform: rotate(45deg);
+  background: #33265C;
+}
+
+.hair-r {
+  left: 20px;
+  width: 210px;
+  height: 200px;
+  background: #C0D7DD;
+  border-radius: 0 50% 0 50%;
+  transform: rotate(45deg);
+  background: #33265C;
+
+}
+
+.head {
+  width: 200px;
+  height: 200px;
+  background: #C0D7DD;
+  border-radius: 0 50% 0 50%;
+  transform: rotate(45deg);
+}
+
+.eye {
+  width: 20px;
+  height: 20px;
+  background: #111113;
+  border-radius: 50%;
+  top: 15%;
+  left: 11.5%;
+  transition: .3s linear;
+}
+
+.eye-r {
+  left: 24%;
+}
+
+.mouth {
+  width: 60px;
+  height: 20px;
+  background: #840021;
+  top: 20%;
+  left: 14%;
+  border-radius: 50% / 0 0 100% 100%;
+}
+
+.mouth::after {
+
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 13px solid #FFFFFF;
+  left: 10px;
+
+}
+
+.mouth::before {
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 13px solid #FFFFFF;
+  left: 40px;
+}
+
+.blod {
+  width: 8px;
+  height: 20px;
+  background: #840021;
+  top: 23%;
+  left: 17%;
+  border-radius: 20px;
+}
+
+.blod::after {
+  width: 2px;
+  height: 10px;
+  background: #FFF;
+  top: 20%;
+  left: 10%;
+  border-radius: 20px;
+
+}
+
+.blod2 {
+  top: 23%;
+  left: 20%;
+  width: 13px;
+  height: 13px;
+  border-radius: 50% 50% 50% 0;
+  transform: rotate(130deg);
+  animation: blod 2s linear infinite;
+  opacity: 0;
+}
+
+@keyframes blod {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    background: red;
     opacity: 0;
-  }
-  @keyframes blod {
-    0%   {opacity: 1;}  
-    100%   {background:red; opacity: 0; top:50%;}
-    
-    
-  }
-  
-  
-  
-  /* page-ms */
-  .page-ms {transform: translateY(-50px);}
-  
-  .error p.page-msg {
-      text-align: center;
-      color: #C0D7DD; 
-      font-size: 30px;
-      font-family: 'Combo', cursive;
-      margin-bottom: 20px;
-  }
-  button.go-back {
-          font-size: 30px;
-      font-family: 'Combo', cursive;
-      border: none;
-      padding: 10px 20px;
-      cursor: pointer;
-      transition: 0.3s linear;
-      z-index: 9;
-      border-radius: 10px;
-      background: #C0D7DD;
-      color: #33265C;
-      box-shadow: 0 0 10px 0 #C0D7DD;
-      margin-top: 20px;
-  }
-  button:hover {box-shadow: 0 0 20px 0 #C0D7DD;}  
\ No newline at end of file
+    top: 50%;
+  }
+
+
+}
+
+
+
+/* page-ms */
+.page-ms {
+  transform: translateY(-50px);
+}
+
+.error p.page-msg {
+  text-align: center;
+  color: #C0D7DD;
+  font-size: 30px;
+  font-family: 'Combo', cursive;
+  margin-bottom: 20px;
+}
+
+button.go-back {
+  font-size: 30px;
+  font-family: 'Combo', cursive;
+  border: none;
+  padding: 10px 20px;
+  cursor: pointer;
+  transition: 0.3s linear;
+  z-index: 9;
+  border-radius: 10px;
+  background: #C0D7DD;
+  color: #33265C;
+  box-shadow: 0 0 10px 0 #C0D7DD;
+  margin-top: 20px;
+}
+
+button:hover {
+  box-shadow: 0 0 20px 0 #C0D7DD;
+}
\ No newline at end of file