diff --git a/static/css/styles.css b/static/css/styles.css index 3206ced..4c833eb 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -2,12 +2,29 @@ body { margin: 0; padding: 0; font-family: Arial, sans-serif; - background: linear-gradient(135deg, #1e90ff, #00bfff); - color: #fff; - display: flex; - justify-content: center; - align-items: center; height: 100vh; + width: 100vw; +} + +html { + background: linear-gradient(#1e4e9c, #9198e5); + height: 100%; + width: 100%; +} + + +.container { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + max-width: 600px; + padding: 20px; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 10px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + text-align: center; + color: #fff; } .coming-soon { @@ -31,22 +48,6 @@ p { margin: 10px 0 20px; } -.countdown { - display: flex; - justify-content: space-around; - margin: 20px 0; -} - -.countdown div { - text-align: center; -} - -.countdown span { - display: block; - font-size: 2rem; - font-weight: bold; -} - .subscription { margin-top: 20px; } diff --git a/templates/index.html b/templates/index.html index 54311d7..b78e3e7 100644 --- a/templates/index.html +++ b/templates/index.html @@ -8,7 +8,8 @@
-

Coming Soon!

+

RideAware

+

Coming Soon!

Be the first to know when we launch. Subscribe below: