From f8ee6ef722e6c560c4a1c879e04dbdf0b01f0316 Mon Sep 17 00:00:00 2001
From: littleblack111 <littleblack11111@gmail.com>
Date: Sun, 5 Nov 2023 17:17:00 +0800
Subject: updates

---
 dest/css/404.css | 113 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 112 insertions(+), 1 deletion(-)

(limited to 'dest/css/404.css')

diff --git a/dest/css/404.css b/dest/css/404.css
index c677f0a6..8bf0c088 100644
--- a/dest/css/404.css
+++ b/dest/css/404.css
@@ -1 +1,112 @@
-*{box-sizing:border-box}body{margin:0;padding:0}#notfound{background:#030005;height:100vh;position:relative}#notfound .notfound{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.notfound{line-height:1.4;max-width:767px;text-align:center;width:100%}.notfound .notfound-404{height:180px;margin-bottom:20px;position:relative;z-index:-1}.notfound .notfound-404 h1{color:#030005;font-size:224px;font-weight:900;left:50%;letter-spacing:-20px;margin-bottom:0;margin-left:-12px;margin-top:0;text-shadow:-2px -2px 0 #8400ff,2px 2px 0 #ff005a;top:50%;transform:translate(-50%,-50%)}.notfound .notfound-404 h1,.notfound .notfound-404 h2{font-family:Montserrat,sans-serif;position:absolute;text-transform:uppercase}.notfound .notfound-404 h2{color:#fff;font-size:42px;font-weight:700;left:0;letter-spacing:13px;margin:0;right:0;text-shadow:0 .5px 0 #ff005a,0 2px 0 #8400ff;top:110px}.notfound a{background:transparent;border:2px solid;color:#ff005a;display:inline-block;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;padding:10px 40px;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;transition:all .2s}.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}}
\ No newline at end of file
+* {
+	box-sizing: border-box;
+}
+
+body {
+	padding: 0;
+	margin: 0;
+	transition: transform 0.5s;
+}
+
+.using-mouse .using-mouse body:hover {
+	transform: scale(1.1);
+	transition: transform 0.5s;
+}
+
+#notfound {
+	position: relative;
+	height: 100vh;
+	background: #030005;
+}
+
+#notfound .notfound {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%);
+}
+
+.notfound {
+	max-width: 767px;
+	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%;
+	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: -2px -2px 0px #8400ff, 2px 2px 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 .5px 0px #ff005a, 0px 2px 0px #8400ff;
+	letter-spacing: 13px;
+	margin: 0;
+}
+
+.notfound a {
+	font-family: 'Montserrat', sans-serif;
+	display: inline-block;
+	text-transform: uppercase;
+	color: #ff005a;
+	-webkit-text-decoration: none;
+	text-decoration: none;
+	border: 2px solid;
+	background: transparent;
+	padding: 10px 40px;
+	font-size: 14px;
+	font-weight: 700;
+	transition: 0.2s all;
+}
+
+.using-mouse .using-mouse .notfound a:hover {
+	color: #8400ff;
+	transform: scale(1.01);
+	box-shadow: 0 0 25mm #8400ff;
+	transition: transform 0.5s;
+}
+
+.using-mouse .using-mouse .notfound:hover:has(a:hover) a:not(:hover) {
+	transform: scale(0.99);
+	transition: transition 0.5s;
+}
+
+@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;
+	}
+}
-- 
cgit v1.2.3