body, html {
    margin: 0;
    padding: 0;
    height: 100%; /* Ensures the body and html take up the full viewport height */
    font-family: Arial, sans-serif;
    color: white; /* Sets text color to white for better contrast on dark backgrounds */
}

.coming-soon-container {
    background-image: url('https://www.asiwebtech.com/wp-content/uploads/2025/08/ClearLogic.jpg'); /* Replace 'your-background-image.jpg' with your image path */
    background-position: center; /* Centers the background image */
    background-size: cover; /* Ensures the image covers the entire container */
    height: 100%; /* Makes the container fill the entire height of the viewport */
    display: flex; /* Uses flexbox for easy centering of content */
    flex-direction: column; /* Stacks content vertically */
    justify-content: center; /* Centers content vertically */
    align-items: center; /* Centers content horizontally */
    text-align: center; /* Centers text within the container */
    padding: 20px; /* Adds some padding around the content */
}

h1 {
    font-size: 5em;
    margin-bottom: 15px;
}

p {
    font-size: 3.2em;
    line-height: 1.5;
}
<style>
  #countdown {
    font-family: Arial, sans-serif;
    font-size: 42px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
  }
  #countdown span {
    margin-right: 10px;
    color: #333;
  }
</style>