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; }