html, body {
margin: 0;
padding: 0;
height: 100%;
background-color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
/* Optional header placeholder (if you have a header on the page) */
header {
width: 100%;
text-align: center;
color: white;
padding: 10px 0;
font-family: ‘Courier New’, monospace;
}
/* Centered container for the map */
.map-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
flex-grow: 1;
}
#map {
height: 80vh;
width: 80vw;
max-width: 1200px;
border: 1px solid #00ffff;
box-shadow: 0 0 15px #00ffff;
}
.leaflet-container path.leaflet-interactive {
filter: drop-shadow(0 0 3px currentColor);
transition: filter 0.3s;
}
.leaflet-container path.leaflet-interactive:hover {
filter: drop-shadow(0 0 5px currentColor);
}
.neon-legend {
background-color: rgba(0, 0, 0, 0.7);
color: #ffffff;
border: 1px solid #00ffff;
box-shadow: 0 0 10px #00ffff;
font-family: ‘Courier New’, monospace;
}

Digital ID World Map