style: modals, confetti

amylour · Oct 6, 2024 · 891e76f · 891e76f
1 parent 628fba1
commit 891e76f
Showing 1 changed file with 29 additions and 1 deletion.
diff --git 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;