diff --git a/about.html b/about.html
index 14c4e85..442d968 100644
--- a/about.html
+++ b/about.html
@@ -16,7 +16,7 @@
 	<!-- CSS files -->
 	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 	<link href="static/css/materialize.css" type="text/css" rel="stylesheet"/>
-	<link href="static/css/materialize.min.css" type="text/css" rel="stylesheet"/>	
+	<link href="static/css/materialize.min.css" type="text/css" rel="stylesheet"/>
   <link href="static/css/style.css" type="text/css" rel="stylesheet"/>
   <link href="static/css/animate.css" type="text/css" rel="stylesheet"/>
   <!-- Font-Awesome -->
@@ -83,12 +83,16 @@ <h5 class="white-text">Connect</h5>
 </div>
 </footer>
 <!-- footer ends -->
+<!-- hover hovering over div hides cursor -->
+<div id="areaToHideCursor" style="width:100vw;height:50vh;"></div>
   <!-- Scripts -->
   <script src="static/js/materialize.js"> </script>
   <script src="static/js/jquery.min.js"> </script>
   <script src="static/js/typed.js"> </script>
   <script src="static/js/init.js"> </script>
   <script src="static/js/materialize.min.js"> </script>
+  <!-- hideCursor script -->
+  <script type="text/javascript" src="static/js/hideCursor.js"></script>
   <!-- Nav bar script -->
   <script>
 $( document ).ready(function(){
@@ -106,4 +110,4 @@ <h5 class="white-text">Connect</h5>
  </script>
 </body>
 <!-- body ends -->
-</html>
\ No newline at end of file
+</html>
diff --git a/static/js/hideCursor.js b/static/js/hideCursor.js
new file mode 100644
index 0000000..e6ac20a
--- /dev/null
+++ b/static/js/hideCursor.js
@@ -0,0 +1,14 @@
+$(document).ready(function() {
+  var idleMouseTimer;
+  var forceMouseHide = false;
+
+  // $("body").css('cursor', 'none');
+
+  $("#areaToHideCursor").hover(function(e) {
+    $("body").css('cursor', 'none');
+  });
+
+  $("#areaToHideCursor").mouseleave(function(e) {
+    $("body").css('cursor', '');
+  });
+});