diff --git a/css/styles.css b/css/styles.css
index 9a8c363..17ce01a 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -41,7 +41,7 @@ body{
 	left:0px;
 	width:210px;
 	text-align: left;
-	background:rgba(1,1,1,.20);
+	background:rgba(200,200,200,.03);
 }
 
 #leftInfo{
@@ -50,8 +50,8 @@ body{
 	height:200px;
 	width:200px;
 	margin:0 auto;
-	background: rgba(0,0,0,.40);
-    border: 1px solid DimGrey;
+	background:rgba(1,1,1,.7);
+    border: 1px solid #6666;
 }
 
 #leftInfo ul {padding:2%;}
@@ -62,7 +62,7 @@ body{
 	width:80px;
 	height:400px;
 	margin:5px auto;
-	background:rgba(10,10,10,.40);
+	background:rgba(1,1,1,.3);
 }
 
 #gameOver{
@@ -97,7 +97,7 @@ body{
 	right:0;
 	left:560px;
 	text-align: center;
-	background:rgba(1,1,1,.30);
+	background:rgba(255,255,255,0);
 }
 
 #info{
@@ -105,7 +105,7 @@ body{
 	width:210px;
 	left:210px;
 	margin:0 auto;
-	background:rgba(1,1,1,.30);
+	background:rgba(200,200,200,.03);
 }
 
 #preview{
@@ -113,7 +113,7 @@ body{
 	height:400px;
 	top:0px;
 	margin:10px auto;
-	background:rgba(10,10,10,.40);
+	background:rgba(1,1,1,.3);
 }
 
 
@@ -121,25 +121,25 @@ body{
 	color:DimGrey;
 	font-size:18px;
 	margin:10px 0;
-	background:rgba(0,0,0,0);
+	background:rgba(255,255,255,0);
 }
 #level{
 	color:dodgerblue;
 	font-size:18px;
-	background:rgba(0,0,0,0);
+	background:rgba(255,255,255,0);;
 }
 
 #scoreInfo{
 	color:DimGrey;
 	font-size: 18px;
 	margin-top:0;
-	background:rgba(0,0,0,0);
+	background:rgba(255,255,255,0);
 }
 
 #score{
 	color:dodgerblue;
 	font-family: 'Arial';
-	background:rgba(0,0,0,0);
+	background:rgba(255,255,255,0);
 	
 }
 
diff --git a/dist/tetrion.js b/dist/tetrion.js
index 3e70f67..a90d13f 100644
--- a/dist/tetrion.js
+++ b/dist/tetrion.js
@@ -885,7 +885,7 @@ Tetris.prototype = {
 		document.getElementById("Timer").value = (this.isTimerOn = !this.isTimerOn) ? "Seconds:" : "Timer Off";
 	},
 	toggleGamepad: function(){
-		document.getElementById("gamepad").value = (this.gamepadEnabled = !this.gamepadEnabled) ? "Disable Gamepad" : "Enable Gamepad";
+		document.getElementById("enablegamepad").value = ((this.gamepadEnabled = !this.gamepadEnabled) ? "Disable Gamepad" : "Enable Gamepad");
 	},
 	setFreePlay: function()
 	{
diff --git a/index.html b/index.html
index ac00614..adba3db 100644
--- a/index.html
+++ b/index.html
@@ -46,9 +46,16 @@
 
 <!-- <iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/tdjyzz?gui=true&t=10&paused=false&muted=false" allowfullscreen></iframe> -->
 <!-- <iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/3lVfDm?gui=true&t=10&paused=true&muted=false" allowfullscreen></iframe> -->
+
+
+
 <iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/WldfWX?gui=&paused=false&muted=false" ></iframe>
-<!-- <iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/3sy3Wy?gui=true&t=10&paused=false&muted=false" ></iframe> -->
 <!-- <iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/MlSSRt?gui=&paused=false&muted=false" allowfullscreen></iframe> -->
+
+
+
+<!-- <iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/3sy3Wy?gui=true&t=10&paused=false&muted=false" ></iframe> -->
+
 <script>
 document.getElementById("bg").width = window.innerWidth;
 document.getElementById("bg").height = window.innerHeight;
@@ -73,7 +80,7 @@ document.getElementById("divbg").removeAttribute("tabIndex");
 			}</style>
 			
 			<ul style="font-size:16px;color:dodgerblue;text-align:left;" id="Openers">Openers:
-			<li style="font-size:12px;color:powderblue;"><a href="#" id="setFreePlay">No Opener </a></li>
+			<li style="font-size:12px;cdolor:powderblue;"><a href="#" id="setFreePlay">No Opener </a></li>
 				<ul style="font-size:14px;color:dodgerblue;text-align:left;" id="TSpinOpeners">T-Spin Openers:	
 					<ul style="font-size:13px;color:dodgerblue;text-align:left;padding-left:1em;" id="EarlyIPiece">Early I Piece:
 						<li style="font-size:12px;padding-left:1em;"><a href="#" id="setTKIFonzieVar">TKI 3 (Fonzie variation) </a></li>
@@ -122,14 +129,14 @@ document.getElementById("divbg").removeAttribute("tabIndex");
 			</ul>
 		</div>
 	
-		<canvas style="border: 1px solid DarkGrey;" id="hold"></canvas>
+		<canvas style="border: 1px solid #6666;" id="hold"></canvas>
 		<br>
 		<br>
-		<input style="padding-left:12px;text-decoration:underline;overflow:visible;font-size:12px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" type="button" id="Timer" value="Timer Off"/>
-		<input disabled=true style="padding:1px;overflow:visible;width:70px;font-size:12px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" type="text" id="Time" value=""/>
+		<input style="padding-left:12px;text-decoration:underline;overflow:visible;font-size:12px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" type="button" id="Timer" value="Timer Off"/>
+		<input disabled=true style="padding:1px;overflow:visible;width:70px;font-size:12px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" type="text" id="Time" value=""/>
 		
-		<input disabled=true style="overflow:visible;width:63px;font-size:12px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" type="text" id="besttimetext" value="Best Time:"/>
-		<input disabled=true style="overflow:visible;width:68px;font-size:12px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" type="text" id="besttime" value=""/>
+		<input disabled=true style="overflow:visible;width:63px;font-size:12px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" type="text" id="besttimetext" value="Best Time:"/>
+		<input disabled=true style="overflow:visible;width:68px;font-size:12px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" type="text" id="besttime" value=""/>
 	</div>
 	
 	<div id="gameOver">
@@ -144,17 +151,17 @@ document.getElementById("divbg").removeAttribute("tabIndex");
 			<h2 id="scoreInfo">Score: <br><span id="score" >0</span></h2>
 			<!-- <h1 style="visibility:collapse;" id="linesInfo">Lines: <br><span id="lines" >0</span></h1> -->
 			<div style="visibility:collapse" id="rewardInfo" class="invisible">+<span id="reward">0</span></div>
-			<canvas style="border: 1px solid DarkGrey;" id="preview"></canvas>
+			<canvas style="border: 1px solid #6666;" id="preview"></canvas>
 			
 			<br>
-			<select style="width:80px;font-size:13px;background:rgba(40,40,40,.80);color:dodgerblue;border: 1px solid DarkGrey;text-align:left;" id="settings" name="setting">
+			<select style="width:80px;font-size:13px;background:rgba(40,40,40,0);color:dodgerblue;border: 1px solid #6666;text-align:left;" id="settings" name="setting">
 			  <option selected="">Settings:</option>
 			</select>
-			<input style="width:50px;font-size:13px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" type="text" id="setting_value">		
-			<input style="width:45px;font-size:12px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" id="submitsetting" type="submit" value="Set"></input>
+			<input style="width:50px;font-size:13px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" type="text" id="setting_value">		
+			<input style="width:45px;font-size:12px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" id="submitsetting" type="submit" value="Set"></input>
 			<br>
-			<input style="width:70px;font-size:12px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" id="test" type="submit" value="Hide Hints"></input>
-			<input style="width:110px;font-size:12px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" id="enablegamepad" type="submit" value="Enable Gamepad"></input>
+			<input style="width:70px;font-size:12px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" id="test" type="submit" value="Hide Hints"></input>
+			<input style="width:110px;font-size:12px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" id="enablegamepad" type="button" value="Enable Gamepad"/>
 			
 		</div>
 			
diff --git a/src/main.js b/src/main.js
index a23ae7c..a36dc4c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -178,7 +178,7 @@ Tetris.prototype = {
 		document.getElementById("Timer").value = (this.isTimerOn = !this.isTimerOn) ? "Seconds:" : "Timer Off";
 	},
 	toggleGamepad: function(){
-		document.getElementById("gamepad").value = (this.gamepadEnabled = !this.gamepadEnabled) ? "Disable Gamepad" : "Enable Gamepad";
+		document.getElementById("enablegamepad").value = ((this.gamepadEnabled = !this.gamepadEnabled) ? "Disable Gamepad" : "Enable Gamepad");
 	},
 	setFreePlay: function()
 	{