import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Main extends Application {
 @Override
 public void start(Stage primaryStage) {

  // Title for the window
  Label title = new Label("Zoo Exhibits");
  title.getStyleClass().add("title");

  // Create main VBox layout
  VBox mainLayout = new VBox(20);
  // Center align the contents of the VBox (title and Horizontal boxes for the two
  // sets of exhibits)
  mainLayout.setAlignment(Pos.CENTER);

  // Horizontal boxes for the two sets of exhibits
  HBox firstSetExhibits = new HBox(10);
  firstSetExhibits.setAlignment(Pos.CENTER); // Center align the contents of the HBox
  firstSetExhibits.getChildren().add(createExhibitSection("Africa", "Lion", "Elephant", "Giraffe"));
  firstSetExhibits.getChildren().add(createExhibitSection("South America", "Jaguar", "Llama", "Macaw"));
  firstSetExhibits.getChildren().add(createExhibitSection("Australia", "Kangaroo", "Koala", "Platypus"));

  HBox secondSetExhibits = new HBox(10);
  secondSetExhibits.setAlignment(Pos.CENTER); // Center align the contents of the Exhibit HBox
  secondSetExhibits.getChildren()
    .add(createExhibitSection("North America", "Bison", "Bald Eagle", "Grizzly Bear"));
  secondSetExhibits.getChildren().add(createExhibitSection("Asia", "Tiger", "Panda", "Orangutan"));
  secondSetExhibits.getChildren().add(createExhibitSection("Europe", "Wolf", "Brown Bear", "Red Deer"));

  // Add the title and horizontal sets to the main layout
  mainLayout.getChildren().addAll(title, firstSetExhibits, secondSetExhibits);

  // Create a Scene
  Scene scene = new Scene(mainLayout, 500, 500);

  // Load the CSS file
  scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());

  // Set the scene on the primary stage
  primaryStage.setTitle("Zoo Exhibits");
  primaryStage.setScene(scene);
  primaryStage.show();
 }

 // String... passes multiple string an array of strings not a set size
 private VBox createExhibitSection(String continent, String... animals) { 
  VBox exhibitSection = new VBox(5);
  exhibitSection.setAlignment(Pos.CENTER); // Center align the exhibit section labels
  exhibitSection.getStyleClass().add("exhibit-section");

  // Title label for the continent
  Label continentLabel = new Label(continent);
  continentLabel.getStyleClass().add("continent-label");
  exhibitSection.getChildren().add(continentLabel);

  // Vertical box to hold animal labels
  VBox animalsBox = new VBox(5);
  animalsBox.setAlignment(Pos.CENTER); // Center align the animal labels
  for (String animal : animals) {
   Label animalLabel = new Label(animal);
   animalLabel.getStyleClass().add("animal-label");
   animalsBox.getChildren().add(animalLabel);
  }

  // Add the VBox to the section
  exhibitSection.getChildren().add(animalsBox);

  return exhibitSection;
 }

 public static void main(String[] args) {
  launch(args);
 }
}

.title {
     -fx-font-size: 24px;
     -fx-font-weight: bold;
     -fx-padding: 10px;
     -fx-background-color: #f0f0f0;
}

.main-content-title {
     -fx-font-size: 20px;
     -fx-font-weight: bold;

     -fx-padding: 5px;
     -fx-background-color: #d0d0d0;
}

.exhibit-section {
     -fx-padding: 10px;
     -fx-background-color: #f9f9f9;
     -fx-border-radius: 5px;
}

.continent-label {
     -fx-font-size: 16px;
     -fx-font-weight: bold;
}

.animal-label {
     -fx-font-size: 14px;   
     -fx-border-radius: 3px;
     -fx-padding: 3px;

}