diff --git a/public/404.html b/public/404.html
index 216e154..7657efd 100644
--- a/public/404.html
+++ b/public/404.html
@@ -2,7 +2,8 @@
 <html lang="en">
 	<head>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>404 Page Not Found</title>
+		<link rel="stylesheet" href="/resources/styles/default.css" />
+		<script src="/resources/scripts/main.js"></script>
 		<!-- Google tag (gtag.js) -->
 		<script async src="https://www.googletagmanager.com/gtag/js?id=G-972V2NZ2ZK"></script>
 		<script>
@@ -16,8 +17,55 @@
 		<!-- End Google tag -->
 	</head>
 	<body>
-		<h1>404 Page Not Found</h1>
-		<p>Sorry, the page you are looking for does not exist.</p>
-		<p><a href="/">Go Home?</a></p>
+		<div class="launcher">
+			<div class="title-bar">
+				<span>MineXLauncher 1.1</span>
+			</div>
+			<div class="content">
+				<div class="sidebar">
+					<div class="profile">
+						<span class="profile-name" id="profile-name"></span>
+					</div>
+					<nav>
+						<li class="nav-item" onclick="navigate.updates()">
+							<img src="/resources/images/icons/nav/updates.png" class="nav-icon" />
+							<span class="nav-text">Updates</span>
+						</li>
+						<li class="nav-item" onclick="navigate.home.game()">
+							<img src="/resources/images/icons/minexlauncher-trans.png" class="nav-icon" />
+							<span class="nav-text">Game</span>
+						</li>
+						<li class="nav-item" onclick="navigate.servers()">
+							<img src="/resources/images/icons/nav/servers.png" class="nav-icon" />
+							<span class="nav-text">Server List</span>
+						</li>
+						<li class="nav-item" onclick="navigate.mods.mods()">
+							<img src="/resources/images/icons/nav/mods.png" class="nav-icon" />
+							<span class="nav-text">Mods</span>
+						</li>
+						<li class="nav-item" onclick="navigate.settings()">
+							<img src="/resources/images/icons/nav/settings.png" class="nav-icon" />
+							<span class="nav-text">Settings</span>
+						</li>
+					</nav>
+				</div>
+				<div class="main-panel">
+					<div class="main-content">
+						<div class="page-not-found">
+							<h1>404 Not Found</h1>
+							<p>The page you are looking for does not exist.</p>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="bottom-bar">
+				<div class="bottom-bar-links">
+					<a href="https://discord.gg/YKgfuFvKhA" class="bottom-bar-left">Join the MineXLauncher Discord</a>
+				</div>
+				<div class="bottom-bar-links">
+					<span class="bottom-bar-right">MineXLauncher</span>
+				</div>
+			</div>
+		</div>
 	</body>
 </html>
diff --git a/public/home/archive/index.html b/public/home/archive/index.html
index 037b93d..d3b7c79 100644
--- a/public/home/archive/index.html
+++ b/public/home/archive/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="/resources/styles/main.css" />
+		<link rel="stylesheet" href="/resources/styles/default.css" />
 		<script src="/resources/scripts/main.js" defer></script>
 		<!-- Google tag (gtag.js) -->
 		<script async src="https://www.googletagmanager.com/gtag/js?id=G-972V2NZ2ZK"></script>
diff --git a/public/home/clients/index.html b/public/home/clients/index.html
index 5428b53..3e59d51 100644
--- a/public/home/clients/index.html
+++ b/public/home/clients/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="/resources/styles/main.css" />
+		<link rel="stylesheet" href="/resources/styles/default.css" />
 		<script src="/resources/scripts/main.js" defer></script>
 		<!-- Google tag (gtag.js) -->
 		<script async src="https://www.googletagmanager.com/gtag/js?id=G-972V2NZ2ZK"></script>
diff --git a/public/home/downloads/index.html b/public/home/downloads/index.html
index a811151..6d7fc74 100644
--- a/public/home/downloads/index.html
+++ b/public/home/downloads/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="/resources/styles/main.css" />
+		<link rel="stylesheet" href="/resources/styles/default.css" />
 		<script src="/resources/scripts/main.js" defer></script>
 		<!-- Google tag (gtag.js) -->
 		<script async src="https://www.googletagmanager.com/gtag/js?id=G-972V2NZ2ZK"></script>
diff --git a/public/home/game/index.html b/public/home/game/index.html
index 827b11d..0eff225 100644
--- a/public/home/game/index.html
+++ b/public/home/game/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="/resources/styles/main.css" />
+		<link rel="stylesheet" href="/resources/styles/default.css" />
 		<script src="/resources/scripts/main.js" defer></script>
 		<!-- Google tag (gtag.js) -->
 		<script async src="https://www.googletagmanager.com/gtag/js?id=G-972V2NZ2ZK"></script>
diff --git a/public/mobile/index.html b/public/mobile/index.html
index cc40be5..963e867 100644
--- a/public/mobile/index.html
+++ b/public/mobile/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="/resources/styles/main.css" />
+		<link rel="stylesheet" href="/resources/styles/default.css" />
 		<script src="/resources/scripts/main.js" defer></script>
 		<!-- Google tag (gtag.js) -->
 		<script async src="https://www.googletagmanager.com/gtag/js?id=G-972V2NZ2ZK"></script>
diff --git a/public/mods/client/index.html b/public/mods/client/index.html
index ff2548a..cfa8b05 100644
--- a/public/mods/client/index.html
+++ b/public/mods/client/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="/resources/styles/main.css" />
+		<link rel="stylesheet" href="/resources/styles/default.css" />
 		<script src="/resources/scripts/main.js" defer></script>
 		<!-- Google tag (gtag.js) -->
 		<script async src="https://www.googletagmanager.com/gtag/js?id=G-972V2NZ2ZK"></script>
diff --git a/public/mods/mods/index.html b/public/mods/mods/index.html
index c4f8f4e..f8dabb9 100644
--- a/public/mods/mods/index.html
+++ b/public/mods/mods/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="/resources/styles/main.css" />
+		<link rel="stylesheet" href="/resources/styles/default.css" />
 		<script src="/resources/scripts/main.js" defer></script>
 		<script src="/resources/scripts/mods/mods.js"></script>
 		<!-- Google tag (gtag.js) -->
diff --git a/public/mods/resourcepacks/index.html b/public/mods/resourcepacks/index.html
index 8c2a5ea..cc84f38 100644
--- a/public/mods/resourcepacks/index.html
+++ b/public/mods/resourcepacks/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="/resources/styles/main.css" />
+		<link rel="stylesheet" href="/resources/styles/default.css" />
 		<script src="/resources/scripts/main.js" defer></script>
 		<script src="/resources/scripts/mods/resourcepacks.js"></script>
 		<!-- Google tag (gtag.js) -->
diff --git a/public/resources/styles/main.css b/public/resources/styles/default.css
similarity index 98%
rename from public/resources/styles/main.css
rename to public/resources/styles/default.css
index 01f0668..f382ab6 100644
--- a/public/resources/styles/main.css
+++ b/public/resources/styles/default.css
@@ -145,6 +145,16 @@ nav {
 	scrollbar-color: #555 #333;
 }
 
+.page-not-found {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 20px;
+	padding-bottom: 10%;
+}
+
 .cover-image {
 	display: flex;
 	flex: 1;
diff --git a/public/servers/index.html b/public/servers/index.html
index ad0c6cd..c8d8672 100644
--- a/public/servers/index.html
+++ b/public/servers/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="/resources/styles/main.css" />
+		<link rel="stylesheet" href="/resources/styles/default.css" />
 		<script src="/resources/scripts/main.js" defer></script>
 		<!-- Google tag (gtag.js) -->
 		<script async src="https://www.googletagmanager.com/gtag/js?id=G-972V2NZ2ZK"></script>
diff --git a/public/settings/index.html b/public/settings/index.html
index c440ef4..b1a14f7 100644
--- a/public/settings/index.html
+++ b/public/settings/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="/resources/styles/main.css" />
+		<link rel="stylesheet" href="/resources/styles/default.css" />
 		<script src="/resources/scripts/main.js" defer></script>
 		<!-- Google tag (gtag.js) -->
 		<script async src="https://www.googletagmanager.com/gtag/js?id=G-972V2NZ2ZK"></script>
diff --git a/public/updates/index.html b/public/updates/index.html
index d4fcc8e..ebbf97f 100644
--- a/public/updates/index.html
+++ b/public/updates/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="/resources/styles/main.css" />
+		<link rel="stylesheet" href="/resources/styles/default.css" />
 		<script src="/resources/scripts/main.js"></script>
 		<!-- Google tag (gtag.js) -->
 		<script async src="https://www.googletagmanager.com/gtag/js?id=G-972V2NZ2ZK"></script>
