From 041494f87ec75556b853a879e7f8d71e94a7314c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Sun, 14 Sep 2025 11:29:18 +0400
Subject: [PATCH] fix: resolve scrolling error on mobile device

---
 css/countdown.css | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/css/countdown.css b/css/countdown.css
index 6534df9..b42b2c3 100644
--- a/css/countdown.css
+++ b/css/countdown.css
@@ -1,14 +1,20 @@
 /* Styles pour la page de compte à rebours */
+body {
+    margin: 0;
+    padding: 0;
+    overflow-x: hidden;
+}
+
 .countdown-overlay {
-    position: fixed;
+    position: absolute;
     top: 0;
     left: 0;
-    width: 100vw;
-    height: 100vh;
+    width: 100%;
+    min-height: 100vh;
     background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%);
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: flex-start;
     align-items: center;
     z-index: 9999;
     color: white;
@@ -20,6 +26,8 @@
 .countdown-container {
     max-width: 800px;
     width: 100%;
+    margin: auto;
+    padding: 40px 0;
 }
 
 .countdown-logo {
@@ -210,6 +218,10 @@
 
 /* Responsive */
 @media (max-width: 768px) {
+    .countdown-container {
+        padding: 20px 0;
+    }
+    
     .countdown-title {
         font-size: 2rem;
     }