/* Center the image and prevent scrolling */
html, body {
    height: 100%;
    margin: 0;
    overflow: hidden; /* Prevent scrolling */
    display: flex;
    justify-content: center;
    align-items: center;
}

#map {
    width: 100vw; /* Full width of the screen */
    height: 100vh; /* Full height of the screen */
}

#teamForm {
    position: fixed;   /* Fixed to the screen */
    top: 50%;          /* Center vertically */
    left: 50%;         /* Center horizontally */
    transform: translate(-50%, -50%); /* Offset to truly center */
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: none;  /* Hidden by default */
    z-index: 1000;
}

button {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2; /* Ensure button appears above the map */
    padding: 10px;
}