From 891e76f89d6ff72efb7abd2d0aa3808af7194840 Mon Sep 17 00:00:00 2001
From: Amy Richardson <amyloumc@gmail.com>
Date: Sun, 6 Oct 2024 20:23:58 +0000
Subject: [PATCH] style: modals, confetti

---
 assets/css/style.css | 30 +++++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index c9486ab..9962456 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -10,7 +10,7 @@
   --accent-yellow: #F6D55C;
   --accent-orange-red: #ED553B;
   /* Neutral / Grey Palette */
-  --neutral-dark-grey: #2F2F2F;
+  --neutral-dark-grey: #242424;
   --neutral-medium-grey: #6C757D;
   --neutral-light-grey: #D6D6D6;
   --neutral-off-white: #F7F7F7;
@@ -165,6 +165,16 @@ body {
   border: none;
 }
 
+.btn-secondary {
+  background-color: var(--neutral-medium-grey);
+  border: none;
+}
+
+.btn-secondary:focus {
+  background-color: var(--neutral-dark-grey);
+  border: none;
+}
+
 .tick-button {
   background-color: transparent;
   color: var(--primary-dark-blue);
@@ -173,6 +183,24 @@ body {
   position: relative;
 }
 
+.modal-content {
+  color: var(--accent-orange-red); 
+  border-radius: 12px;
+  text-align: center;
+}
+
+/* span:hover, span:focus {
+  color: var(--accent-orange-red);
+} */
+
+.close:hover, .close:focus {
+  color: var(--accent-orange-red);
+}
+
+.punchline {
+  font-size: 1.25rem;
+}
+
 /* Footer Styles */
 .footer {
   display: flex;