4 files changed, 16 insertions, 25 deletions

diff --git a/data/cursor.png b/data/cursor.png
new file mode 100644
index 0000000..7dde816
--- /dev/null
+++ b/data/cursor.png
diff --git a/data/rotchie.png b/data/rotchie.png
new file mode 100644
index 0000000..31828ed
--- /dev/null
+++ b/data/rotchie.png
diff --git a/index.html b/index.html
index 3dbdc86..a1a7a19 100644
--- a/index.html
+++ b/index.html
@@ -53,11 +53,9 @@
         <p class="sprinkler">
             Call 1-800-1ST-YEAR to get a sprinkler to go off in a dorm near you!
         </p>
-        <div class="wrapper">
-            <p id="middle">
-                important stuff
-            </p>
-        </div>
+        <p id="middle">
+            important stuff
+        </p>
         <table class="middle">
             <tr>
                 <td>
@@ -105,16 +103,16 @@
         </div>
         <div class="thicc"></div>
         <div class="buttons">
-            <img src="data/apocalypse.gif" style="cursor: pointer;" onclick="document.documentElement.classList.toggle('wank')"/>
+            <img src="data/apocalypse.gif" class="clickable" image.png onclick="document.documentElement.classList.toggle('wank')"/>
             <img src="data/amd.gif"/>
             <img src="data/asexules.gif"/>
-            <img src="data/dither.gif" style="cursor: pointer;" onclick="document.documentElement.classList.toggle('dither')"/>
-            <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Frit.wtf" target="_blank">
+            <img src="data/dither.gif" class="clickable" onclick="document.documentElement.classList.toggle('dither')"/>
+            <a class="clickable" href="https://validator.w3.org/nu/?doc=https%3A%2F%2Frit.wtf" target="_blank">
                 <img src="data/html.gif"/>
             </a>
             <img src="data/ie.gif"/>
             <img src="data/netscape.gif"/>
-            <a href="https://g.tylerm.dev/tylermurphy534/rit.wtf" target="_blank">
+            <a class="clickable" href="https://g.tylerm.dev/tylermurphy534/rit.wtf" target="_blank">
                 <img src="data/free.gif"/>
             </a>
         </div>
diff --git a/style.css b/style.css
index c338da7..e797951 100644
--- a/style.css
+++ b/style.css
@@ -4,6 +4,7 @@ html, body, #mainBod {
 }
 
 #mainBod {
+    cursor: url("data/rotchie.png"), auto;
     top: 0; bottom: 0;
     left: 0; right: 0;
     overflow: auto;
@@ -41,18 +42,21 @@ html, body, #mainBod {
     background-color: black;
     color: orange;
     animation: across 2s linear infinite;
+    margin-left: 10%;
 }
 
-.wrapper {
-    animation: across_parent 2s linear infinite;
-    width: 80%;
-    margin-left: 10%;
+a {
+    cursor: url("data/cursor.png"), pointer !important;
 }
 
 td a {
     color: yellow;
 }
 
+.clickable:hover {
+    cursor: url("data/cursor.png"), pointer !important;
+}
+
 td:hover {
     background-color: orange;
 }
@@ -296,20 +300,9 @@ html.dither>body>div>div{
       transform: translateX(0%);
     }
     50% {
-      transform: translateX(-100%);
-    }
-}
-
-@keyframes across_parent {
-    0%,
-    100% {
-      transform: translateX(0%);
-    }
-    50% {
-      transform: translateX(100%);
+      transform: translateX(calc(80vw - 100%));
     }
 }
-
 @keyframes scale {
     from {
         transform: scale3d(100%, 100%, 100%);