1 files changed, 46 insertions, 0 deletions
diff --git a/client/src/Mancala/Pit.css b/client/src/Mancala/Pit.css
new file mode 100644
index 0000000..8cd3f63
--- /dev/null
+++ b/client/src/Mancala/Pit.css
@@ -0,0 +1,46 @@
+.Pit {
+    display: inline-flex;
+
+    justify-content: center;
+    align-items: center;
+
+    width: 16%;
+}
+
+.Recession {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: var(--recess-color);
+}
+
+.Pit .Recession {
+    border-radius: 50%;
+    height: 50%;
+    width: 100%;
+}
+
+.Kalaha {
+    display: inline-flex;
+
+    justify-content: center;
+    align-items: center;
+
+    width: 10%;
+}
+
+.Kalaha .Recession {
+    border-radius: 30%;
+    height: 50%;
+    width: 100%;
+}
+
+.Stone {
+    position: absolute;
+    background: gray;
+    border-radius: 50%;
+    border: 2px solid black;
+    height: 16px;
+    width: 16px;
+    min-height: 5px;
+}