From b6242ed1bea20700c7ec419a5ff730b1abd67453 Mon Sep 17 00:00:00 2001
From: Bradley English <bradley.english3@gmail.com>
Date: Tue, 5 Nov 2024 03:25:24 -0500
Subject: [PATCH] make registry a button

---
 AndrewAndHaley/index.html |  2 +-
 AndrewAndHaley/style.css  | 28 ++++++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/AndrewAndHaley/index.html b/AndrewAndHaley/index.html
index 5c196dc..8ede384 100644
--- a/AndrewAndHaley/index.html
+++ b/AndrewAndHaley/index.html
@@ -45,7 +45,7 @@
         </div>
       </div>
 
-      <div>The couple is registered on Amazon</div>
+      <div id="registry"><a href="https://www.amazon.com/wedding/registry/1FQPLO9JNVRKG">Wedding Registry</a></div>
     </div>
   </body>
 </html>
diff --git a/AndrewAndHaley/style.css b/AndrewAndHaley/style.css
index 561abd2..43280da 100644
--- a/AndrewAndHaley/style.css
+++ b/AndrewAndHaley/style.css
@@ -75,3 +75,31 @@ h1 {
 .reception + .reception {
   border-left: solid 1px rgb(0, 0, 0);
 }
+
+#registry {
+  cursor: pointer;
+  outline: 0;
+  color: #FDF8E9;
+  background-color: #9b7248;
+  border-color: #9b7248;
+  display: inline-block;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: center;
+  border: 1px solid transparent;
+  padding: 6px 12px;
+  font-size: 16px;
+  border-radius: .25rem;
+  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+}
+
+#registry:hover {
+  color: #9b7248;
+  background-color: #FDF8E9;
+  border-color: #9b7248;
+}
+
+#registry a {
+  color: inherit;
+  text-decoration: none; /* no underline */
+}
\ No newline at end of file