body, html {
    margin: 0;
    padding: 0;
    height: 100%; /* Ensure body and html take full viewport height */
}

.center-container {
    display: flex; /* Enable Flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh; /* Make the container take full viewport height */
    width: 100vw; /* Make the container take full viewport width */
    text-align: center; /* Center text within the container (for multi-line text) */
    flex-direction: column; /* Stack content vertically within the container */
}