From 578d917a48d5a7730b344ae7cf3b560b275d0613 Mon Sep 17 00:00:00 2001
From: Jetroid <hello@jetholt.com>
Date: Sun, 21 Jan 2024 17:34:06 +0000
Subject: [PATCH] Fix overlapping text

---
 _includes/inlinecss/_sass/_hacking.scss | 4 ++++
 hacking.html                            | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/_includes/inlinecss/_sass/_hacking.scss b/_includes/inlinecss/_sass/_hacking.scss
index 2de98316..404b782c 100644
--- a/_includes/inlinecss/_sass/_hacking.scss
+++ b/_includes/inlinecss/_sass/_hacking.scss
@@ -124,6 +124,10 @@ html, body {
     margin-right: -50%;
     transform: translate(-50%, -50%);
 }
+#please-rotate p:nth-child(2) {
+	top: 55%;
+    transform: translate(-55%, -55%);
+}
 .terminal-off #effects1:before {
 	animation: initial;
 	opacity: 0.14;
diff --git a/hacking.html b/hacking.html
index ee281477..7d27da8b 100644
--- a/hacking.html
+++ b/hacking.html
@@ -63,7 +63,7 @@
 			<div id="click-to-start" class="landscape">
 				<p>Begin</p>
 			</div>
-			<div id="loading" class="landscape hidden">
+			<div id="loading" class="hidden">
 				<p class="activeCommandPrompt"></p><!-- Dummy p element - each p below needs to refer to a previousSibling :)
 
 				Lots of comments here because:
@@ -77,7 +77,7 @@
 				!--><p id="loading-fourthtype" class="cp"></p><!--
 				!--><span id="cp-cursor" class="cursor-off">█</span>
 			</div>
-			<div id="hacking" class="landscape hidden">
+			<div id="hacking" class="hidden">
 				<div>
 					<p id="termlink" class="activeCommandPrompt"> </p><!--
 					!--><p id="message" class="activeCommandPrompt"> </p><!--
@@ -92,7 +92,7 @@
 					</div>
 				</div>
 			</div>
-			<div id="loggedin"  class="landscape hidden">
+			<div id="loggedin"  class="hidden">
 				<div id="os-header">
 					<p>ROBCO INDUSTRIES UNIFIED OPERATING SYSTEM</p>
 					<p>COPYRIGHT 2075-2077 ROBCO INDUSTRIES</p>