html, body {
    margin: 0;
    padding: 0;
  }
  
  #map {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
  }
  
  #selectContainer {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    padding: 11px 0;
  }
  
  #countrySelect {
    width: 200px;
    margin: 0 auto;
  }

icon {
  font-size: 1.5rem;
  padding: 5px;
}
.icon-country { color: #ff5733; }   
.icon-capital { color: #3498db; }   
.icon-population { color: #2ecc71; } 
.icon-continent { color: #f39c12; } 
.icon-area{ color: #ff5733; }   

/* Styling for table */
.table th {
  background-color: #f8f9fa; 
  font-weight: bold;
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: #e4eaf7; 
}

.modal-backdrop {
  display: none !important;
}