Score and ballout

1 files changed, 31 insertions, 3 deletions

diff --git a/game.css b/game.css
index e1d198a..3830dfd 100644
--- a/game.css
+++ b/game.css
@@ -11,18 +11,22 @@ body {
 	font-family: sans-serif;
 }
 
-#overlay-container {
+.invisible {
+	display: none;
+}
+
+.centerbox {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
-	align-items: center;
 	display: flex;
+	align-items: center;
 	justify-content: center;
 }
 
-#status {
+.largetext {
 	color: #ffffff;
 	font-size: 40pt;
 	text-shadow: 0px 0px 3px #000000;
@@ -31,3 +35,27 @@ body {
 	-moz-user-select: none;
 	-webkit-user-select: none;
 }
+
+#overlay-container {
+	position: absolute;
+	left: 0;
+	top: 0;
+	right: 0;
+	bottom: 0;
+}
+
+#score-container {
+	position: absolute;
+	left: 0;
+	top: 0;
+	right: 0;
+	height: 30%;
+}
+
+#score-left, #score-right {
+	display: inline-block;
+	width: 30vw;
+}
+#score-left {
+	text-align: right;
+}