diff --git a/src/index.html b/src/index.html index 476ac19..d574fab 100644 --- a/src/index.html +++ b/src/index.html @@ -3,16 +3,25 @@ - Countdown Loading Bar + Comeback countdown + +

+ + diff --git a/src/styles.css b/src/styles.css index 201fb27..bf8eb99 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1,21 +1,31 @@ +html, body { + height: 100%; + margin: 0; + box-sizing: border-box; +} + body { display: flex; - justify-content: center; - align-items: center; - height: 100vh; - margin: 0; + flex-direction: column; background-color: #f0f0f0; } .container { + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; text-align: center; } .loading-bar { width: 100%; + max-width: 600px; background-color: #ddd; border-radius: 5px; overflow: hidden; + position: relative; } .loading-bar div { @@ -36,3 +46,29 @@ body { .catually { margin-bottom: 20px; } + +footer { + background-color: #333; + color: #fff; + display: flex; + justify-content: space-around; /* Distribute items evenly */ + padding: 10px; /* Adjusted padding */ + width: 100%; + box-sizing: border-box; /* Ensure padding is included in the width */ + /* font-size: 0.9em; /* Reduced font size */ */ +} + +footer p { + margin: 0; /* Removed margin */ + flex: 1; /* Allow paragraphs to take equal space */ + text-align: center; /* Center text within each paragraph */ +} + +footer a { + color: #fff; + text-decoration: none; +} + +footer a:hover { + text-decoration: underline; +}