body {
   margin: 0;
   padding: 0;
   height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

#map {
   height: 100%;
   width: 100%;

}

.popup {
   position: absolute;
   top: 10px;
   right: 10px;
   background: white;
   padding: 10px;
   border: 1px solid #ccc;
   z-index: 1000;
}

.info {
   padding-top: 10px;
   padding-bottom: 15px;

   display: flex;
   align-items: center;
   justify-content: space-between;
}

.popup table {
   width: 100%;
   border: 1px solid black;
}

.popup th,
.popup td {
   border-bottom: 1px solid black;
   padding: 5px;
   text-align: center;
}