From 3c0acdd31a921b314dc77b556ee5984c0c0f83a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nguy=E1=BB=85n=20Ph=C6=B0=C6=A1ng=20T=C3=A2n?=
 <phuongtan12357nguyen@gmail.com>
Date: Sun, 9 Aug 2020 05:26:02 +0700
Subject: [PATCH]  edit css

---
 public/css/style.css | 23 +++++++++++++++++++----
 public/js/script.js  |  1 +
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index 8248e2f..60a0902 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1,5 +1,6 @@
 body {
-	background: #e0e5ec;
+	background : #e0e5ec;
+	font-family: "Comic Sans MS", cursive, sans-serif;
 }
 
 td {
@@ -8,9 +9,25 @@ td {
 	width         : 100px;
 	text-align    : center;
 	vertical-align: middle;
-	font-family   : "Comic Sans MS", cursive, sans-serif;
 	font-size     : 70px;
 	cursor        : pointer;
+	box-shadow    : 0 2px 10px rgba(0, 0, 0, .3);
+}
+
+table tr:first-child td {
+	border-top: 5px solid #333;
+}
+
+table tr:last-child td {
+	border-bottom: 5px solid #333;
+}
+
+table tr td:first-child {
+	border-left: 5px solid #333;
+}
+
+table tr td:last-child {
+	border-right: 5px solid #333;
 }
 
 table {
@@ -47,7 +64,6 @@ button {
 	color        : #fff;
 	border-radius: 5px;
 	padding      : 10px 25px;
-	font-family  : 'Lato', sans-serif;
 	font-weight  : 500;
 	background   : transparent;
 	cursor       : pointer;
@@ -81,7 +97,6 @@ button {
 @media (min-width: 1080px) {
 	.replay {
 		left           : 45%;
-		font-family    : "Comic Sans MS", cursive, sans-serif;
 		position       : relative;
 		display        : inline-block;
 		padding        : 1.2em 2em;
diff --git a/public/js/script.js b/public/js/script.js
index 5eb23ea..fff1cfc 100644
--- a/public/js/script.js
+++ b/public/js/script.js
@@ -178,6 +178,7 @@ function minimax(newBoard, player) {
     return moves[bestMove];
 }
 
+// Replay Tic Tac Toe button
 const docStyle = document.documentElement.style
 const aElem = document.querySelector('a')
 const boundingClientRect = aElem.getBoundingClientRect()