/* Global Reset for All Elements */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Make HTML and Body Fill the Viewport */
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden; /* Ensures no scrollbars appear */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Map Styles */
#map {
    width: 100%; /* Full width of the parent */
    height: 100%; /* Full height of the parent */
    margin: 0; /* No extra space */
    padding: 0;
    border: none; /* Remove any default borders */
}