Add restart button

css/style.css

@@ -49,11 +49,25 @@ body {
     }
 }
 
+.start-container.slideUp {
+    animation: slideUp .5s ease-in-out forwards;
+}
+
+@keyframes slideUp {
+    0% {
+        top: 100%
+    }
+
+    100% {
+        top: 50%;
+    }
+}
+
 .start-container h3 {
     font-weight: lighter;
 }
 
-.start-container button {
+button {
     border: none;
     border-radius: 10px;
     box-shadow: none;
@@ -66,14 +80,26 @@ body {
     -o-transition: all .2s;
     transition: all .2s;
     cursor: pointer;
+    transform: translateY(0);
 }
 
-.start-container button:hover {
-    box-shadow: 0 10px 20px rgba(0,0,0,.18);
+.game-stats button {
+    font-size: 2vh;
+    padding: 1.25vh 2vw;
+}
+
+.game-stats .restart {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+button:hover {
+    box-shadow: 0 5px 0 #3562c1, 0 10px 20px rgba(0, 0, 0, .18);
     transform: translateY(-5px);
 }
 
-.start-container button:active {
+button:active {
     background-color: #1e64cd;
 }
 
@@ -133,4 +159,28 @@ body {
     to {
         top: 0;
     }
+}
+
+.popAway {
+    animation: popAway .5s forwards;
+    -webkit-transform-origin: 50%;
+    -moz-transform-origin: 50%;
+    -ms-transform-origin: 50%;
+    -o-transform-origin: 50%;
+    transform-origin: 50%;
+    top: 0;
+}
+
+@keyframes popAway {
+    0% {
+        transform: scale(1);
+    }
+
+    50% {
+        transform: scale(1.1);
+    }
+
+    100% {
+        transform: scale(0);
+    }
 }