From 235b88fddb19b0ce7a83f8822aa0fdd8036c8a9a Mon Sep 17 00:00:00 2001
From: grey-cat-1908 <61203964+grey-cat-1908@users.noreply.github.com>
Date: Fri, 23 Aug 2024 15:35:49 +0300
Subject: [PATCH] Update 404.html

---
 static/404.html | 60 +++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 51 insertions(+), 9 deletions(-)
diff --git a/static/404.html b/static/404.html
index e186bb0..07058e8 100644
--- a/static/404.html
+++ b/static/404.html
@@ -3,25 +3,67 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Page Not Found</title>
+    <link rel="icon" href="https://avatars.githubusercontent.com/u/61203964">
+    <title>404 Not Found</title>
     <style>
+      	@font-face {
+            src: url("./fonts/Onest-Medium.ttf");
+            font-family: "Onest";
+            font-weight: bold;
+        }
+
         body {
-            font-family: Arial, sans-serif;
-            text-align: center;
+            background-color: #f0f0f0;
+            color: #333;
+            font-family: Onest, sans-serif;
             margin: 0;
-            padding: 50px;
-            background-color: #f8f8f8;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            text-align: center;
         }
         h1 {
-            font-size: 50px;
+            font-size: 72px;
+            margin: 0;
+            color: #f63;
         }
         p {
-            font-size: 20px;
+            font-size: 24px;
+            margin: 20px 0;
+        }
+        a {
+            color: #f63;
+            text-decoration: none;
+            font-weight: bold;
+            transition: color 0.3s;
+        }
+        .hashtags {
+            font-size: 18px;
+            color: #555;
+            margin-top: 30px;
+        }
+        .hashtags span {
+            background-color: #e0e0e0;
+            padding: 5px 10px;
+            border-radius: 20px;
+            margin: 5px 5px;
+            display: inline-block;
         }
     </style>
 </head>
 <body>
-    <h1>404</h1>
-    <p>The page you are looking for does not exist.</p>
+    <div class="container">
+        <h1>404</h1>
+        <p>Oops! The page you're looking for doesn't exist.</p>
+        <p><a href="/">Return to Home</a></p>
+        <div class="hashtags">
+            <span>#ReallySimple</span>
+            <span>#404Page</span>
+            <span>#LikeAlways</span>
+            <span>#WhyNoCF404Page</span>
+        </div>
+    </div>
 </body>
 </html>
