From 57f5b0f1c8c42922a29d13b0a1d401ba46bea7b7 Mon Sep 17 00:00:00 2001
From: Jaskaran Sarkaria <jaskaran.sarkaria@googlemail.com>
Date: Thu, 7 Mar 2024 20:33:59 +0000
Subject: [PATCH] =?UTF-8?q?style:=20=F0=9F=92=84=20promo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/Modal/Modal.svelte                  |  2 +-
 .../NewsletterSignup/NewsletterSignup.svelte           | 10 ++++++++++
 src/lib/components/SwipeImage/SwipeImage.svelte        |  2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/Modal/Modal.svelte b/src/lib/components/Modal/Modal.svelte
index 5c33079..248aeb4 100644
--- a/src/lib/components/Modal/Modal.svelte
+++ b/src/lib/components/Modal/Modal.svelte
@@ -81,7 +81,7 @@
     border-radius: 0.25em;
     margin: 4%;
     height: 100%;
-    width: 100%;
+    width: 85%;
     top: 50%;
     align-items: center;
     transform: translateY(-50%);
diff --git a/src/lib/components/NewsletterSignup/NewsletterSignup.svelte b/src/lib/components/NewsletterSignup/NewsletterSignup.svelte
index 7ce56a5..e18eb5c 100644
--- a/src/lib/components/NewsletterSignup/NewsletterSignup.svelte
+++ b/src/lib/components/NewsletterSignup/NewsletterSignup.svelte
@@ -104,6 +104,8 @@
 
   .promo {
     position: relative;
+    font-family: "Welcomehome5 Regular";
+    font-size: 0.6em;
     padding-bottom: 3%;
     border-bottom: 8px solid #ff6600;
   }
@@ -119,6 +121,10 @@
   }
 
   @media (min-width: 700px) {
+    .promo {
+      font-size: 0.8em;
+    }
+
     h1 {
       font-size: 2.8em;
     }
@@ -138,6 +144,10 @@
   }
 
   @media (min-width: 1280px) {
+    .promo {
+      font-size: 1em;
+    }
+
     h1 {
       font-size: 2.8em;
     }
diff --git a/src/lib/components/SwipeImage/SwipeImage.svelte b/src/lib/components/SwipeImage/SwipeImage.svelte
index cc3cecc..6d4ae72 100644
--- a/src/lib/components/SwipeImage/SwipeImage.svelte
+++ b/src/lib/components/SwipeImage/SwipeImage.svelte
@@ -73,7 +73,7 @@
   }
 
   img {
-    max-width: 95%;
+    max-width: 80%;
     max-height: 95%;
     animation: fadeIn 0.6s;
   }