Erm... This looks better

nginx/errors/502.html

@@ -15,21 +15,22 @@
 
 		html {
 			background-image: linear-gradient(to bottom,
-					rgba(11, 11, 11, 0.90),
-					rgba(11, 11, 11, 0.90)),
-				url(https://zzls.xyz/assets/bgs/bgtilered.gif);
+					rgba(11, 11, 11, 0.85),
+					rgba(11, 11, 11, 0.85)),
+				url(./bg.gif);
 			background-attachment: fixed;
 			height: 100%;
+			/* filter: invert(0); */
 		}
 
 		h1 {
-			color: rgb(255, 140, 140);
+			color: rgb(220, 100, 170);
 			font-family: 'Gaiatype';
 			font-size: 2em;
 		}
 
 		h2 {
-			color: rgb(255, 170, 170);
+			color: #bde0e4;
 			text-align: center;
 			font-family: 'Gaiatype';
 		}
@@ -37,14 +38,31 @@
 		@keyframes xd {
 			0% {
 				letter-spacing: normal;
+				/* transform: rotate(2deg); */
 			}
 
 			50% {
 				letter-spacing: 3px;
+				/* transform: rotate(0deg); */
 			}
 
 			100% {
 				letter-spacing: normal;
+				/* transform: rotate(2deg); */
+			}
+		}
+
+		@keyframes erm {
+			0% {
+				transform: rotate(2deg);
+			}
+
+			50% {
+				transform: rotate(-2deg);
+			}
+
+			100% {
+				transform: rotate(2deg);
 			}
 		}
 
@@ -53,8 +71,11 @@
 		}
 
 		.lol {
-			animation: xd 2s infinite;
+			animation: erm 10s infinite;
 		}
+		/* .lol2 {
+			animation: erm 8s infinite;
+		} */
 
 		body {
 			opacity: 0;
@@ -100,6 +121,24 @@
 		audio::-webkit-media-controls-panel{
 background-color: rgba(200,200,200,1);
 width:350px;
+}
+
+footer {
+	display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
+
+footer img {
+  /* width: 100%; */
+  max-width: 100%;
+}
+
+footer p {
+  margin-top: 10px;
+  max-width: 315px;
+  /* margin: 0 auto; */
 }
 	</style>
 
@@ -119,33 +158,26 @@ width:350px;
 
 	<div class="content">
 
-		<h1 class="lol">502 Bad Gateway</h1>
+		<h1 class="lol lol2">502 Bad Gateway</h1>
 		<p style="text-align: center; font-size: large;"><b>You just reached an error page... Great, enjoy the music.</b></p>
-		<p style="text-align: center; font-size: large;"><b>Please contact the admin to let him know that this service
-				is down or something weird is going on with his shit homemade server</b></p>
-		<p>This does not mean that the server is down, or else you would not have been able access this error page.</p>
-		<h2>What does "502 Bad Gateway" error mean?</h2>
-		<p>In simple terms: The service that you are trying to access <a id="domain"></a> is down due to a unknown error.
-		</p>
-		<p>In complex terms: <cite style="text-align: left;">502 Bad Gateway server error response code indicates that the server, while acting as a gateway or proxy, received an invalid response from the upstream server.</cite> From: <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/502">MDN Web Docs</a></p>
 
-		<h2>Ways to reach the admin</h2>
+		<p>This does not mean that the server is down, or else you would not have been able access this error page.</p>
+		<h2>Contact</h2>
+		<p>Notify me about this shitty error in case I haven't noticed about it yet xD</p>
 		<ul>
 			<li>E-mail: <a style="font-size: large;"
 					href="mailto:admin [at] zzls.xyz"><code>admin [at] zzls.xyz</code></a> <a>PGP Key: <a
 						href="./admin@zzls.xyz.asc">76C578BB918EB8F556C0ABDEA9CB7D007A846255</a></a></li>
 			<li>Mastodon: <a href="https://noc.social/@fijxu">https://noc.social/@fijxu</a></li>
-			<li>Twitter: <a href="https://noc.social/@fijxu">https://twitter.com/fijxu__</a> <a>Just @ me. No DMs</a>
+			<li>Twitter: <a href="https://twitter.com/fijxu__">https://twitter.com/fijxu__</a> <a>Just @ me. No DMs</a>
 			</li>
 		</ul>
 	</div>
 </body>
 
 <footer>
-	<p>⚠️ This is a real error.</p>
-	<p>If this number grows, you are not the only one getting this error <span
-			style="font-size: small;">(Sadly)</span></p>
-	<img src="https://count.ayaya.beauty/get/@502zzlsreal2?theme=rule34" alt="The counter is dead or your browser doesn't support the <img> element , lol.">
+	<img src="https://count.ayaya.beauty/get/@502zzlsreal2?theme=rule34" alt="The counter is dead or your browser doesn't support the <img> element , xDDDd.">
+	<p>This counter resets every 5 minutes, so if this number is higher than 10, you are clearly not the only one with this error. CONTACT THE ADMIN TO FIX HIS SHIT xD</p>
 </footer>
 
 <script>