Make button center and big

assets/styles/style.css

@@ -5,17 +5,24 @@ html, body, img, #container {
   height: 100%;
 }
 
-div {
+#container {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 500;
+  text-align: center;
 }
 
 .button {
+  display: inline-block;
   padding: 10px;
   border-radius: 10px;
-  margin: auto;
+
+  position: relative;
+  top: 50%;
+  -webkit-transform: translateY(50%);
+  -ms-transform: translateY(50%);
+  transform: translateY(50%);
 
   background: rgba(0, 0, 0, .5);
   color: white;

index.html

@@ -17,7 +17,7 @@
       <source src="assets/audio/africa.ogg" />
       <source src="assets/audio/africa.mp3" />
     </audio>-->
-    <img id="background" src="" />
+    <img id="background" src="assets/images/africa.png" />
 
     <div id="container">
       <div id="player"></div>
@@ -75,7 +75,7 @@
           });
           engine.rain([ [3, 2, 2] ], 100);
         };
-        image.src = 'assets/images/africa.png';
+        //image.src = '';
         image.crossOrigin = 'anonymous';
       });