body {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: #000000;
}

footer {
    position:absolute;
    bottom:0;
    width:100%;
    height: 20px;   /* Height of the footer */
    text-align:center;
    color: aliceblue;
}

.container {
    display: flex;
    max-width: 800px;
    width: 100%;
    color: #ffffff;

}

.logo {
    flex: 1;
}

.logo svg {
    width: 100%;
    height: auto;
}

.countdown {
    flex: 1;
    /*padding: 20px; */
}

#count {
    font-size: 45px; /* Adjust the font size as needed */
    font-weight: bold; /* Optionally, make the text bold */
    color:aliceblue; /* Optionally, set the text color */
    
}

.countdown p {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
}



/* Media query for small screens */
@media only screen and (max-width: 600px) {
    .container {
        flex-direction: column;
        align-items: center;
    }

    .logo {
        order: -1; /* Move the logo to the top */
        margin-bottom: 20px; /* Add some space between the logo and links */

    }

    .countdown {
        width: 100%; /* Make the links span the full width */

    }
}