From a93c6ea147f46a2af0acd9392ec365c238e545e5 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 16 May 2024 17:07:05 +0200
Subject: [PATCH] refining responsiveness (and firefox caracters not showing)

---
 src/assets/css/pages/Home.scss | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/assets/css/pages/Home.scss b/src/assets/css/pages/Home.scss
index f2bce4e..79d098d 100644
--- a/src/assets/css/pages/Home.scss
+++ b/src/assets/css/pages/Home.scss
@@ -1,7 +1,7 @@
+$margin: 20px;
 .page-container--home {
 	.screen {
 		@apply bg-lhoistlight;
-
 		.screen_worker_1,
 		.screen_worker_2 {
 			@apply hidden lg:block fixed w-fit max-h-[50%] 2xl:max-h-[60%];
@@ -9,10 +9,11 @@
 			// max-height: 60%;
 			// height: 60%;
 			bottom: -3rem;
+			bottom: $margin;
 		}
 		.screen_worker_1 {
 			left: -60px;
-			width: 400px;
+			width: 380px;
 			height: auto;
 			@screen xl {
 				left: 3%;
@@ -24,7 +25,7 @@
 		.screen_worker_2 {
 			@apply -right-16;
 			right: -100px;
-			width: 827px;
+			width: 800px;
 			height: auto;
 			@screen xl {
 				right: 0;
@@ -34,7 +35,11 @@
 			}
 		}
 		&__content {
-			@apply mt-44 xl:mt-0;
+			@apply mt-36;
+
+			@media screen and (min-height: 926px) {
+				@apply mt-0;
+			}
 			.cover_worker {
 				@apply mx-auto;
 				transform: translate(0%, -60%);
@@ -46,14 +51,14 @@
 				@apply text-zuume;
 			}
 			.application_title {
-				@apply text-6xl xl:text-9xl;
+				@apply pb-3 text-8xl sm:text-6xl xl:text-9xl;
 			}
 			.application_subtitle {
-				@apply text-6xl bg-construction py-2 w-fit mx-auto px-3 block md:mb-10 md:inline-block;
+				@apply text-5xl sm:text-6xl bg-construction py-2 w-fit mx-auto px-3 block md:mb-10 md:inline-block;
 				transform: rotate(-3deg);
 			}
 			.application_draft {
-				@apply bg-lhoistdark text-5xl text-white px-2 py-3 inline-block relative;
+				@apply bg-lhoistdark text-4xl sm:text-5xl text-white px-2 py-3 inline-block relative;
 				@apply ml-6;
 				transform: rotate(3deg) translateY(-10px);
 			}