diff --git a/src/404.html b/src/404.html
index 21037b6..16e7156 100755
--- a/src/404.html
+++ b/src/404.html
@@ -10,34 +10,22 @@
         <script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
         <script defer src="/js/loader.js"></script>
         <style>
-            .errorpage {
-                text-align: center;
-                width: 100%;
-            }
-            .box {
-                text-align: center;
-                width: 50%;
-                margin: 25%;
-                margin-top: 10%;
-                margin-bottom: 0%;
-            }
-
-            .Bigtext {
-                font-size: 400%;
-            }
-
-            .smalltext {
-                font-size: 150%;
+            .huge {
+                font-size: 1000%;
+                margin: 0;
+                padding: 0;
+                margin-top: 15vh;
             }
         </style>
     </head>
 
     <body>
         <div id="nav"></div>
-        <div class="errorpage">
-            <div class="mainstyle">
-                <h2 class="Bigtext">The page you are looking for was not found</h2>
-                <p class="smalltext">The page you are looking for does not exist. It may have been moved, or removed altogether. Perhaps you can return back to the site's homepage and see if you can find what you are looking for.</p>
+        <div class="content-wrapper">
+            <div class="content">
+                <h1 class="huge">404</h1>
+                <h2 class="content-title">Page not found</h2>
+                <p>The page that you are looking for does not exist. We are sorry for the inconvenience.</p>
                 <br><br><br>
                 <a href="/" class="button">Go to homepage</a>
             </div>
