.dialog p {
   color: white;
   text-align: center;
   font-size: 20px;
   margin-bottom: 15px;
  }

  .dialog span {
   position: absolute;
   top: 5px;
   right: 5px;
   cursor: pointer;
   color: white;
   font-size: 16px;
  }
.dialog button {
  background-color: darkblue;
  height: 40px;
   color: white;
   border: none;
   padding: 8px 16px;
   border-radius: 4px;
   cursor: pointer;
    margin-bottom: 20px;
   margin-top: 20px;
    box-shadow: 0px 0px 10px rgb(255, 255, 255, 0.2);
}

  .dialog-buttons {
   display: flex;
   flex-direction: column;
   gap: 10px;
   /* Add a gap between the buttons */
   margin-top: 20px;
   /* Align the buttons to the bottom of the dialog */
   width: 100%;
   /* Ensure the buttons take up the full width */
  }

.navigate-button {
   background-color: darkblue;
  height: 40px;
   color: white;
   border: none;
   padding: 8px 16px;
   border-radius: 4px;
   cursor: pointer;
    margin-bottom: 20px;
    box-shadow: 0px 0px 10px rgb(255, 255, 255, 0.2);
  }

.navigate-button:hover {
   background-color: #00005c;
  }

  .poi-title a {
   font-size: 20px;
    margin-bottom: 20px;
    text-decoration: none;
    font-weight: lighter;
    font-family: pt serif;
   /* Adjust to your preferred size */
   color: lime;
   /* Adjust to your preferred color */
  }