diff --git a/pagenotfound.html b/pagenotfound.html
index e402e67d..1766b817 100644
--- a/pagenotfound.html
+++ b/pagenotfound.html
@@ -1,89 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>404 PAGE</title>
-    <link rel="shortcut icon" href="./assets/images/favicon2.webp" type="image/png" />
-    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>
-    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Arvo'>
-    <style>
-        .page_404 {
-            padding: 40px 0;
-            background: #fff;
-            font-family: 'Arvo', serif;
-        }
-
-        .page_404 img {
-            width: 100%;
-        }
-
-        .four_zero_four_bg {
-
-            background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
-            height: 400px;
-            background-position: center;
-        }
-
-
-        .four_zero_four_bg h1 {
-            font-size: 80px;
-            color: #ed0404;
-        }
-
-        .four_zero_four_bg h3 {
-            font-size: 80px;
-        }
-
-        .link_404 {
-            color: #fff !important;
-            padding: 10px 20px;
-            background: #ed0404;
-            margin: 20px 0;
-            display: inline-block;
-        }
-
-        .contant_box_404 {
-            margin-top: -50px;
-        }
-
-        /* .text-center {
-            color: #ed0404;
-        } */
-    </style>
-
-</head>
-
-<body>
-
-    <section class="page_404">
-        <div class="container">
-            <div class="row">
-                <div class="col-sm-12 ">
-                    <div class="col-sm-10 col-sm-offset-1  text-center">
-                        <div class="four_zero_four_bg">
-                            <h1 class="text-center ">404</h1>
-
-
-                        </div>
-
-                        <div class="contant_box_404">
-                            <h3 class="h2">
-                                Look like you're lost
-                            </h3>
-
-                            <p>the page you are looking for not avaible!</p>
-
-                            <a href="/" class="link_404">Go to Home</a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-
-
-</body>
-
-</html>
\ No newline at end of file
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>404 Page Not Found</title>
+    <link rel="stylesheet" href="styles/pagenotfound.css" />
+  </head>
+  <body class="body-404">
+    <div class="container-404">
+      <h1 class="title-404">404</h1>
+      <p class="message-404">
+        Oops! The page you're looking for doesn't exist.
+      </p>
+      <a href="index.html" class="link-404">Go back to Home</a>
+    </div>
+  </body>
+</html>
