From d3b58f8a8cc28c5ba839c0218e4132743711a9b6 Mon Sep 17 00:00:00 2001
From: "Glitch (glitch-hello-node)" <none>
Date: Tue, 13 Apr 2021 15:36:39 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=B7=F0=9F=92=95=20Checkpoint=20./publi?=
 =?UTF-8?q?c/style.css:1062301/802=20./src/pages/index.hbs:1062301/87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/style.css    | 11 +++++++----
 src/pages/index.hbs |  9 +++++++--
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/public/style.css b/public/style.css
index eb95138..1fc9303 100644
--- a/public/style.css
+++ b/public/style.css
@@ -80,7 +80,7 @@ a:not(.btn--remix):visited {
   font-style: normal;
   font-weight: normal;
   font-size: 1.1rem;
-  color: #000;
+  color: #000000;
   text-decoration: none;
   border-style: none;
 }
@@ -138,12 +138,15 @@ body {
 }
 
 /* Styles for our custom color form and its results */
-.color-info {
-  color: #ffffff;
-  margin-bottom: 1.5rem;
+.color-form {
+  color: #000;
   width: 80%;
   max-width: var(--image-max-width);
 }
+.color-form a:not(.btn--remix) {
+  font-weight: bold;
+  color: var(--color-text-main);
+}
 form {
   margin: 0.75rem 0;
 }
diff --git a/src/pages/index.hbs b/src/pages/index.hbs
index 28ea94b..54d1753 100644
--- a/src/pages/index.hbs
+++ b/src/pages/index.hbs
@@ -42,10 +42,15 @@
         <div class="color-form">
           <!-- add text indicating that we've changed color OR had an error -->
           {{#if color}}
-            <div class="color-info">Now available in <b>{{color}}</b>!</div>
+            <p class="color-info">
+              Now available in <b>{{color}}</b>!
+            </p>
           {{/if}}  
           {{#if colorError}}
-            <div class="color-info">Hmm. Couldn't find <b>"{{colorError}}"</b>. <a href="?randomize=go">Try a random color?</a></div>
+            <p class="color-info">
+              Hmm. Couldn't find <b>"{{colorError}}"</b>. 
+              <a href="?randomize=go">Try a random color?</a>
+            </p>
           {{/if}}  
           
           <!-- the "what's your favorite color?" form sends a POST to the server, check server.js to see how it works -->