/* Ensure the html and body occupy the full height of the viewport */
html, body {
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
    height: 100%; /* Make html and body fill the viewport height */
    box-sizing: border-box; /* Use the border-box model for consistent sizing */
}

/* Ensure the root container also takes the full height of the viewport */
#root {
    height: 100%; /* Make #root take full height */
    display: flex; /* Use flexbox for layout, if needed */
    flex-direction: column; /* Stack children vertically */
}