From c70df030ecca72eb8fad5b437dba5603f495f2ac Mon Sep 17 00:00:00 2001
From: M Sanyuktha D Prabhu
 <148324480+SanyukthaPrabhu@users.noreply.github.com>
Date: Sun, 10 Nov 2024 01:01:31 +0530
Subject: [PATCH 1/2] changed the text mackground to some aesthetic colors to
 attract the users

---
 projects/Tic-tac-toe/style.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/projects/Tic-tac-toe/style.css b/projects/Tic-tac-toe/style.css
index 3f6fb8981..afe62afd7 100644
--- a/projects/Tic-tac-toe/style.css
+++ b/projects/Tic-tac-toe/style.css
@@ -27,7 +27,7 @@ height: 5vh;
   position: absolute;
   height: 100%; /* Full height of the slider */
   width: 50%; /* Half width for highlighting X or O */
-  background-color: #4caf50; /* Green color for the active player */
+  background-color: #4d194d; /* Green color for the active player */
   border-radius: 20px; /* Rounded edges */
   transition: left 0.3s ease; /* Smooth transition */
   border: none; /* Remove default button border */
@@ -44,7 +44,7 @@ height: 5vh;
   text-align: center;
   font-size: 1rem;
   font-weight: bold;
-  color: #333; /* Text color */
+  color: #fde4cf; /* Text color */
   background: none; /* Remove default button background */
   border: none; /* Remove default button border */
   outline: none; /* Remove default button outline */
@@ -63,7 +63,7 @@ height: 5vh;
   left: 50%;
   transform: translate(-50%, -50%); /* Center the message */
   background-color: whitesmoke; /* Blue background */
-  color: #2777b8; /* White text */
+  color: #a4133c; /* White text */
   padding: 20px;
   border-radius: 10px;
   font-size: 2rem;
@@ -124,12 +124,12 @@ border-right: 0;
   cursor: pointer;
   border-radius: 5px; /* Rounded corners */
   border: none; /* Remove border */
-  background-color: #4CAF50; /* Green background */
-  color: white; /* White text color */
+  background-color:#065a60; /* aesthetic cobalish background */
+  color:  #faf0ca; /* creamy text color */
   transition: background-color 0.3s, transform 0.3s; /* Transition effects */
 }
 #reset:hover {
-  background-color: #45a049; /* Darker green on hover */
+  background-color:#144552; /* Darker green on hover */
   transform: scale(1.01); /* Slightly enlarge on hover */
 }
 #multiplayer{
@@ -141,12 +141,12 @@ border-right: 0;
   cursor: pointer;
   border-radius: 5px; /* Rounded corners */
   border: none; /* Remove border */
-  background-color: #4CAF50; /* Green background */
-  color: white; /* White text color */
+  background-color: #065a60; /* aesthetic cobaltish background */
+  color: #faf0ca; /* creamy text color */
   transition: background-color 0.3s, transform 0.3s; /* Transition effects */
 }
 #multiplayer:hover{
-  background-color: #45a049; /* Darker green on hover */
+  background-color: #144552; /* Darker green on hover */
   transform: scale(1.01); /* Slightly enlarge on hover */
 }
 /* Winning line styling */
@@ -154,7 +154,7 @@ border-right: 0;
   position: absolute;
   height: 10px;
   width: 300px;
-  background-color: #45a049; /* Red line to indicate win */
+  background-color: #028090; /* Red line to indicate win */
   display: none; /* Hidden initially */
   z-index: 10;
   transition: all 0.5s ease; /* Smooth transition */

From 4f28fad766ab4077fa41fbc045605f8fdfaaf2b8 Mon Sep 17 00:00:00 2001
From: M Sanyuktha D Prabhu
 <148324480+SanyukthaPrabhu@users.noreply.github.com>
Date: Sun, 10 Nov 2024 01:06:16 +0530
Subject: [PATCH 2/2] Update style.css

added a new look to text backgrounds
---
 projects/Tic-tac-toe/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/Tic-tac-toe/style.css b/projects/Tic-tac-toe/style.css
index afe62afd7..6ad39a820 100644
--- a/projects/Tic-tac-toe/style.css
+++ b/projects/Tic-tac-toe/style.css
@@ -147,7 +147,7 @@ border-right: 0;
 }
 #multiplayer:hover{
   background-color: #144552; /* Darker green on hover */
-  transform: scale(1.01); /* Slightly enlarge on hover */
+  transform: scale(1.02); /* Slightly enlarge on hover */
 }
 /* Winning line styling */
 #winning-line {