styling & bugfixes

style.css

@@ -0,0 +1,76 @@
+body{
+    background-color: #f2f2f2;
+    margin-left: 15px;
+}
+
+
+
+.wrapper { 
+    overflow:hidden;
+}
+
+.wrapper div {
+    min-height: 200px;
+    padding: 10px;
+}
+
+#one {
+    background-color: white;
+    float: left; 
+    margin-right: 10px;
+    width: 775px;
+    border-radius: 15px;
+    margin-bottom: 25px;
+}
+
+#two { 
+    background-color: white;
+    overflow:hidden;
+    margin: 0px;
+    border-radius: 15px;
+    min-height: 20%;
+    width:500px;
+}
+
+@media screen and (max-width: 400px) {
+    #one { 
+        float: none;
+        margin-right:auto;
+        margin-left: auto;
+        width:100%;
+        border:0;
+        border-bottom:2px solid #000;    
+    }
+}
+
+.numinput{
+    width:15%;
+}
+
+#playButton {
+    position: fixed; 
+    display: block; 
+    width: 100%; 
+    height: 100%; 
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0,0,0,0.5); 
+    z-index: 2; 
+    cursor: pointer; 
+}
+
+#play{
+    color: white;
+    text-align: center;
+    margin-top: 50px;
+}
+
+.card-text{
+    padding: 15px;
+}
+ul {
+    text-align: center;
+    list-style-position: inside;
+}