1 files changed, 41 insertions, 2 deletions
diff --git a/src/spectate/style.css b/src/spectate/style.css
index 52711d0..c391020 100644
--- a/src/spectate/style.css
+++ b/src/spectate/style.css
@@ -1,4 +1,43 @@
+* {
+    color: white;
+}
+body {
+    padding: 0px;
+    margin: 0px;
+    background-color: black;
+
+    width: 100dvw;
+    height: 100dvh;
+    display: flex;
+    flex-direction: row;
+    overflow-y: hidden;
+}
+
 canvas {
-    height: min(100dvh, 70dvw);
-    float: left;
+    object-fit: contain;
+    width: 100%;
+    height: 100%;
+}
+#board {
+    width: 60%;
+    height: 100%;
+}
+#side {
+    width: 30%;
+    height: 100%;
+}
+#info {
+    width: 100%;
+    height: 30%;
+    overflow-y: scroll;
+}
+#scoreboard {
+    width: 100%;
+    height: 30%;
+    overflow-y: scroll;
+}
+#chat {
+    width: 100%;
+    height: 40%;
+    overflow-y: scroll;
 }