From d7b55572cc47fc6d8b7107e9df619f13cb4a186b Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 14 May 2024 14:24:45 +0200
Subject: [PATCH] refining page

---
 src/assets/css/pages/NotFound.scss | 9 +++++----
 src/pages/PageNotFound.jsx         | 4 ++--
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/assets/css/pages/NotFound.scss b/src/assets/css/pages/NotFound.scss
index 52a1cb7..352dcae 100644
--- a/src/assets/css/pages/NotFound.scss
+++ b/src/assets/css/pages/NotFound.scss
@@ -1,13 +1,14 @@
 .page-container--not-found {
 	@apply text-white text-center;
 
+	.cover {
+		@apply max-w-lg mb-12;
+	}
 
 	h1 {
-		@apply text-8xl ;
-	}
-	h2 {
-		@apply text-3xl mb-6;
+		@apply text-6xl;
 	}
+
 	p.error-description {
 		@apply text-2xl pt-8;
 	}
diff --git a/src/pages/PageNotFound.jsx b/src/pages/PageNotFound.jsx
index 391196a..a091781 100644
--- a/src/pages/PageNotFound.jsx
+++ b/src/pages/PageNotFound.jsx
@@ -14,9 +14,9 @@ export default function PageNotFound() {
 		<AnimatedPage className='page-container page-container--not-found  '>
 			<div className='content-page'>
 				<Nav />
-				<img src={img404} alt='' />
+				<img className='cover' id='test' src={img404} alt='' />
 				<h1>{screen404Translations.page_not_found}</h1>
-				<p className="error-description">{screen404Translations.explanation}</p>
+				<p className='error-description'>{screen404Translations.explanation}</p>
 			</div>
 		</AnimatedPage>
 	);