X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=tictactoe%2Ftictactoe.css;h=a9879334d710a2e96926f83140f88e8492b8063e;hp=0e56082c8fa7e495d1c82200f2103ea5d073a557;hb=HEAD;hpb=f0c30f7cd59ecfca24e6a7332910f87a6b2045e6

diff --git a/tictactoe/tictactoe.css b/tictactoe/tictactoe.css
index 0e56082..a987933 100644
--- a/tictactoe/tictactoe.css
+++ b/tictactoe/tictactoe.css
@@ -1,8 +1,3 @@
-body {
-  font: 14px "Century Gothic", Futura, sans-serif;
-  margin: 20px;
-}
-
 ol, ul {
   padding-left: 30px;
 }
@@ -19,32 +14,37 @@ ol, ul {
 
 .square {
   background: #fff;
+  color: black;
   border: 1px solid #999;
   float: left;
-  font-size: 24px;
+  font-size: 64px;
   font-weight: bold;
-  line-height: 34px;
-  height: 34px;
+  line-height: 90px;
+  width: 90px;
+  height: 90px;
   margin-right: -1px;
   margin-top: -1px;
   padding: 0;
   text-align: center;
-  width: 34px;
+  border-radius: 4px;
 }
 
-.square:focus {
-  outline: none;
+.square.open {
+    cursor: pointer;
 }
 
-.kbd-navigation .square:focus {
-  background: #ddd;
+.square.occupied {
+    cursor: default;
 }
 
-.game {
-  display: flex;
-  flex-direction: row;
+.square.open:hover {
+    background-color: var(--accent-color-bright);
 }
 
-.game-info {
-  margin-left: 20px;
+.square:focus {
+  outline: none;
+}
+
+.kbd-navigation .square:focus {
+  background: #ddd;
 }