Add gameover styles

Author: julesnuggy

style.css

@@ -29,6 +29,17 @@ header {
   padding: 32px;
 }
 
+button {
+  background-color: transparent;
+  padding: 16px;
+  font-family: 'Space Grotesk', sans-serif;
+  font-size: 20px;
+  text-align: center;
+  color: white;
+  border: 2px solid #a1d2ff;
+  cursor: pointer;
+}
+
 .container {
   max-width: 720px;
   margin: 0 auto;
@@ -45,17 +56,6 @@ header {
   padding: 16px;
 }
 
-.stage-actions button {
-  background-color: transparent;
-  padding: 16px;
-  font-family: 'Space Grotesk', sans-serif;
-  font-size: 20px;
-  text-align: center;
-  color: white;
-  border: 2px solid #a1d2ff;
-  cursor: pointer;
-}
-
 .stage-image {
   display: grid;
   place-items: center;
@@ -65,6 +65,20 @@ header {
   max-width: 100%;
 }
 
+.game-over-container {
+  position: relative;
+  padding: 24px;
+  text-align: center;
+}
+
+.game-over-container .game-over-logo {
+  font-size: 60px;
+}
+
+.game-over-container button {
+  width: 100%;
+}
+
 .loading {
   display: flex;
   justify-content: center;
@@ -90,6 +104,7 @@ header {
 
 .genre {
   background-color: transparent;
+  padding: 0;
   width: 100px;
   height: 100px;
   overflow: hidden;