From e69b415190af6003df1adfd4dfc27b5fd2fa52cb Mon Sep 17 00:00:00 2001
From: littleblack111 <littleblack11111@gmail.com>
Date: Sat, 4 Nov 2023 14:14:13 +0800
Subject: include css

---
 404.html | 81 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 81 insertions(+)

(limited to '404.html')

diff --git a/404.html b/404.html
index 6dbb87af..2af8a762 100644
--- a/404.html
+++ b/404.html
@@ -14,6 +14,87 @@
 
 	<!-- Custom stlylesheet -->
 	<link rel="stylesheet" href="dest/css/404.css" />
+	<style>
+		* {
+		width: 100%;
+		line-height: 1.4;
+		text-align: center;
+		}
+
+		.notfound .notfound-404 {
+		position: relative;
+		height: 180px;
+		margin-bottom: 20px;
+		z-index: -1;
+		}
+
+		.notfound .notfound-404 h1 {
+		font-family: 'Montserrat', sans-serif;
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		-webkit-transform: translate(-50% , -50%);
+			-ms-transform: translate(-50% , -50%);
+				transform: translate(-50% , -50%);
+		font-size: 224px;
+		font-weight: 900;
+		margin-top: 0px;
+		margin-bottom: 0px;
+		margin-left: -12px;
+		color: #030005;
+		text-transform: uppercase;
+		text-shadow: -1px -1px 0px #8400ff, 1px 1px 0px #ff005a;
+		letter-spacing: -20px;
+		}
+
+
+		.notfound .notfound-404 h2 {
+		font-family: 'Montserrat', sans-serif;
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: 110px;
+		font-size: 42px;
+		font-weight: 700;
+		color: #fff;
+		text-transform: uppercase;
+		text-shadow: 0px 2px 0px #8400ff;
+		letter-spacing: 13px;
+		margin: 0;
+		}
+
+		.notfound a {
+		font-family: 'Montserrat', sans-serif;
+		display: inline-block;
+		text-transform: uppercase;
+		color: #ff005a;
+		text-decoration: none;
+		border: 2px solid;
+		background: transparent;
+		padding: 10px 40px;
+		font-size: 14px;
+		font-weight: 700;
+		-webkit-transition: 0.2s all;
+		transition: 0.2s all;
+		}
+
+		.notfound a:hover {
+		color: #8400ff;
+		}
+
+		@media only screen and (max-width: 767px) {
+			.notfound .notfound-404 h2 {
+				font-size: 24px;
+			}
+		}
+
+		@media only screen and (max-width: 480px) {
+			.notfound .notfound-404 h1 {
+				font-size: 182px;
+			}
+		}
+
+	</style>
 
 	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
-- 
cgit v1.2.3