From dd62d3be8af0836bedc788ee3d537d0ac4ef2675 Mon Sep 17 00:00:00 2001
From: Nathanwoodburn <nathan.woodburn2611@gmail.com>
Date: Tue, 24 Nov 2020 10:34:56 +1100
Subject: [PATCH] added mobile

---
 404.css  | 6 +++++-
 404.html | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/404.css b/404.css
index 7c87889..9faef15 100644
--- a/404.css
+++ b/404.css
@@ -26,7 +26,11 @@ t2 {
   background-color: #000000;
   animation: 0.2s shake infinite alternate;
 }
-
+p.mobile { display: none }
+@media (max-width: 640px) {
+    p.mobile { display: block }
+    p.desktop { display: none }
+}
 @keyframes shake {
   0% { left: 38.43%; }
   2.5% { left: 38.57%; }
diff --git a/404.html b/404.html
index d433329..7aeefac 100644
--- a/404.html
+++ b/404.html
@@ -13,6 +13,7 @@
 <p><br><br><br></p>
 <h1 style="text-align:center">Space Invaders destroyed this page!</h1>
 <t2 style="text-align:center">Take revenge on them!</t2>
+<p class="mobile"><br><br><br><br><br><br></p>
 <p class="center"><br><br><br>Use <span class="label label-danger">Space</span> to shoot and <span class="label label-danger">←</span>&#160;<span class="label label-danger">→</span> to move!&#160;&#160;&#160;<button class="btn btn-default btn-xs" id="restart">Restart</button> or <button class="btn btn-default btn-xs" onclick="location.href='javascript:history.back()'" type="button">
     Retreat</button></p>