From 822f502f5919dbb4dad00b69b8d662e02ff76663 Mon Sep 17 00:00:00 2001
From: Ken Kahn <toontalk@gmail.com>
Date: Sat, 19 Oct 2024 11:21:47 +0200
Subject: [PATCH] CSS color changes by Claude

---
 apps/etymology map game.html | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/apps/etymology map game.html b/apps/etymology map game.html
index 7c2c2bd..60ad91a 100644
--- a/apps/etymology map game.html	
+++ b/apps/etymology map game.html	
@@ -23,6 +23,8 @@
   margin: 0 auto;
   padding: 20px;
   text-align: center;
+  color: #333; /* Dark grey text color for better visibility */
+  background-color: #f5f5f5; /* Light grey background */
 }
 
 #scoreboard {
@@ -50,14 +52,19 @@
 #result {
   font-size: 18px;
   margin-bottom: 20px;
+  color: #006400; /* Dark green color for better visibility */
+  background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
+  padding: 10px;
+  border-radius: 5px;
 }
 
 #etymology-card {
-  background-color: #f0f0f0;
+  background-color: #ffffff; /* White background */
   border: 1px solid #ccc;
   border-radius: 5px;
   padding: 10px;
   margin-bottom: 20px;
+  color: #333; /* Dark grey text color */
 }
 
 button {
@@ -65,6 +72,14 @@
   padding: 10px 20px;
   margin: 10px;
   cursor: pointer;
+  background-color: #4CAF50; /* Green background */
+  color: white; /* White text */
+  border: none;
+  border-radius: 5px;
+}
+
+button:hover {
+  background-color: #45a049; /* Darker green on hover */
 }
     #next-btn {
       background-color: #28a745;