fixing the space buttons

public/style/main.css

@@ -93,7 +93,7 @@ mark {
 }
 
 .static-bar{
-  min-height: 15%
+  height: 15%
 }
 
 .static-key{
@@ -117,6 +117,17 @@ mark {
           transform: translate(0px, 0px);
 }
 
+.static-key:active:hover {
+  -ms-transform: translate(0px, -40%); /* IE 9 */
+  -webkit-transform: translate(0px, -40%); /* Safari */
+  transform: translate(0px, -40%);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00bbd4), color-stop(1, #3f51b5));
+  background-image: -webkit-linear-gradient(top, #00bbd4 0%, #3f51b5 100%);
+  background-image: linear-gradient(to bottom, #00bbd4 0%, #3f51b5 100%);
+  background-image: -webkit-linear-gradient(273deg, #3f51b5 0%, #00bbd4 100%);
+  color: #fff;
+}
+
 .shift-toggle{
   min-width: 10%
 }