From 390b6f172852fd909c9235b937bb2f80a3e02def Mon Sep 17 00:00:00 2001
From: Hegel Pedroza <hepv12@gmail.com>
Date: Sun, 21 Jul 2024 09:45:53 -0600
Subject: [PATCH] looks changed 2

---
 main.css | 9 +++++++--
 main.js  | 6 +++---
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/main.css b/main.css
index c9452dd..e738fec 100644
--- a/main.css
+++ b/main.css
@@ -5,6 +5,11 @@ body {
     color: #333; /* Dark text for better contrast */
 }
 
+a {
+    color: #055575;
+    text-decoration: solid;
+}
+
 .main-header {
     display: block;
     left: 50%;
@@ -12,7 +17,7 @@ body {
     width: 70%;
     position: relative;
     text-align: center;
-    background-color: #007acc; /* Primary color for header background */
+    background-color: #86a6bb; /* Primary color for header background */
     color: #fff; /* White text for contrast */
     padding: 20px 0; /* Padding for spacing */
 }
@@ -36,7 +41,7 @@ body {
 }
 
 #searchBox button {
-    background-color: #007acc; /* Matching button color */
+    background-color: #86a6bb; /* Matching button color */
     color: #fff;
     border: none;
     border-radius: 5px;
diff --git a/main.js b/main.js
index bfc72e1..ecbb64e 100644
--- a/main.js
+++ b/main.js
@@ -102,11 +102,11 @@ function generateNewHTMLTune(title, composer, sections, key, timesignature, vide
                             border: none;
                             font-size: 16px;
                             cursor: pointer;
-                            color: #007acc; /* Modern color */
+                            color: #86a6bb; /* Modern color */
                         }
                         .header {
                             width: 100%;
-                            background-color: #007acc;
+                            background-color: #86a6bb;
                             color: #fff;
                             padding: 20px;
                             text-align: center;
@@ -199,7 +199,7 @@ function generateNewHTMLTune(title, composer, sections, key, timesignature, vide
                         }
                         div > button {
                             position: relative;
-                            background-color: #007acc;
+                            background-color: #86a6bb;
                             color: #fff;
                             border: none;
                             padding: 5px 10px;