From f86cb386f5159bccde6006d209730af40c73bd5b Mon Sep 17 00:00:00 2001
From: Nick Walton <nickwalton00@gmail.com>
Date: Wed, 10 Apr 2019 18:14:52 -0600
Subject: [PATCH] made mobile work

---
 static/script.js |  8 ++++++++
 static/style.css | 13 ++++++++-----
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/static/script.js b/static/script.js
index d5ad0e1..5152471 100644
--- a/static/script.js
+++ b/static/script.js
@@ -264,6 +264,14 @@ function start(){
     startTyping()
     Typer.startBlinker()
     
+    if(isMobileDevice()){
+        console.log("Mobile device");
+    }
+    else{
+        console.log("Not mobile device");
+        document.getElementById('buttons').style.visibility='hidden';
+    }
+    
 }
 
 
diff --git a/static/style.css b/static/style.css
index d7e72ed..a39729f 100644
--- a/static/style.css
+++ b/static/style.css
@@ -5,7 +5,8 @@ body {
 #console {
 	font-family: courier, monospace;
 	color: #fff;
-	width:750px;
+    max-width: 800px;
+	width:80%;
 	margin-left:auto;
 	margin-right:auto;
 	margin-top:100px;
@@ -67,7 +68,7 @@ a {
 
 #buttons {
     position: absolute;
-    bottom: 0;
+    bottom: 80px;
     height: 60px;
     width: 100%;
     color: 334;
@@ -79,17 +80,19 @@ a {
 
 button {
     border-color: #000
-    bottom: 0;
+    bottom: 40px;
     color: #fff;
     margin-left: 4%;
     margin-right: 4%;
     background-color: #111;
     width: 18%;
-    height: 40px;
+    height: 100px;
     text-align: center;
+    border-radius: 25px;
+    font-size:30px;
 
 }
-@media screen and (min-width: 600px) {
+@media screen and (min-width: 1000px) {
   #buttons {
     visibility: hidden;
     display: none;