style cursor

open/styles/style.css

@@ -5,11 +5,14 @@
 
 body {
   max-width: 100vw;
+  height: 100vh;
   background-color: blue;
   color: white;
   font-family: "Courier New", Courier, monospace;
   padding: 0;
   margin: 0;
+  cursor: url(https://www.dropbox.com/s/u76wca3a4weldmu/cursor%20black.png?raw=1),
+    auto;
 }
 
 h1 {
@@ -30,6 +33,8 @@ h1 {
   -webkit-box-shadow: 0px 10px 13px -7px #000000,
     5px 5px 15px 5px rgba(0, 0, 0, 0.49);
   box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0.49);
+  cursor: url(https://www.dropbox.com/s/odbhtufakz6sge2/cursor%20red.png?raw=1),
+    auto !important;
 }
 
 .draggable p,
@@ -61,7 +66,8 @@ h1 {
   position: absolute;
   top: 6px;
   right: -2px;
-  cursor: pointer;
+  cursor: url(https://www.dropbox.com/s/odbhtufakz6sge2/cursor%20red.png?raw=1),
+    auto !important;
   width: 38px;
   color: yellow;
   border: none;
@@ -153,6 +159,8 @@ h1 {
 
 .iconContainer a {
   color: blanchedalmond;
+  cursor: url(https://www.dropbox.com/s/odbhtufakz6sge2/cursor%20red.png?raw=1),
+    auto !important;
 }
 
 .iconContainer a:hover {
@@ -173,8 +181,9 @@ h1 {
   height: 70px;
   border: none;
   z-index: 1;
-  cursor: pointer;
   font-size: 30px;
+  cursor: url(https://www.dropbox.com/s/odbhtufakz6sge2/cursor%20red.png?raw=1),
+    auto !important;
 }
 
 .icon:hover {
@@ -192,6 +201,8 @@ button {
 .textIcon {
   margin-top: -20px;
   font-weight: medium;
+  cursor: url(https://www.dropbox.com/s/odbhtufakz6sge2/cursor%20red.png?raw=1),
+    auto !important;
 }
 
 /* FOOTER & COLOPHON*/
@@ -204,6 +215,8 @@ button {
   text-decoration: none;
   margin-bottom: 4px;
   background-color: rgba(0, 0, 0, 0);
+  cursor: url(https://www.dropbox.com/s/odbhtufakz6sge2/cursor%20red.png?raw=1),
+    auto !important;
 }
 
 .colophonWrapper {