WIP

src/style.css

@@ -10,12 +10,19 @@
 }
 
 body {
-  background-color: #191d24;
-  background-image: url(pattern.png);
   background-repeat: repeat;
   background-position: center;
   text-align: center;
-  padding-top: 2.5vh;
+}
+
+.dark {
+  background-color: #191d24;
+  background-image: url(pattern.png);
+}
+
+.light {
+  background-color: #cfcfcf;
+  background-image: url(pattern-light.png);
 }
 
 .board {
@@ -30,3 +37,23 @@ body {
   max-width: 100%;
   max-height: 95vh;
 }
+
+.layout {
+  display: grid;
+  grid-template-columns: 1fr 2fr 1fr;
+}
+
+.moves-box {
+  background: rgba(255, 192, 203, 0.5);
+  height: 100vh;
+}
+
+.board-box {
+  background: rgba(255, 166, 0, 0.5);
+  height: 100vh;
+}
+
+.setup-box {
+  background: rgba(135, 207, 235, 0.5);
+  height: 100vh;
+}