first draft restarting of games

client/src/styles/game.css

@@ -47,14 +47,28 @@
     display: flex;
     width: 95%;
     margin: 1em auto 100px auto;
+    animation: fade-in-slide-up 2s;
 }
 
 #game-state-container h2 {
-    margin: 1em 0;
-    text-align: center;
+    margin: 0.5em 0;
     max-width: 17em;
 }
 
+#restart-game {
+    background-color: #0078D7;
+    min-width: 10em;
+}
+
+#play-pause-placeholder {
+    width: 60px;
+    height: 60px;
+}
+
+#restart-game:hover {
+    border-color: whitesmoke;
+}
+
 #lobby-header {
     margin-bottom: 1em;
     max-width: 95%;
@@ -84,6 +98,7 @@ h1 {
 
 #end-of-game-header {
     display: flex;
+    flex-direction: column;
     flex-wrap: wrap;
     margin: 0 !important;
     align-items: center;
@@ -91,6 +106,7 @@ h1 {
 
 #end-of-game-header button {
     margin: 0.5em;
+    min-width: 10em;
 }
 .potential-moderator {
     display: flex;