body.page-border {
  margin: 0;
  padding: 0;
  border: 10px solid #556B2F; /* Olive Green border around the page */
}

header#banner {
  background-color: #243620; /* 556B2F Olive Green */

  text-align: center;
  padding: 15px;
}

#banner img {
  max-width: 100%;
  height: auto;
  display: block;
}

nav#top-links {
  background-color: #F0FFF0; /* Honeydew (Light Green) */
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #ccc;
}

.leaf-button {
  text-decoration: none;
  color: #333; /* Black text */
  padding: 10px 20px; /* Add some padding here */
  margin: 0 10px;  /* Add some margin here to space the buttons */
  transition: background-color 0.2s ease; /* Smooth transition effect */
}

.leaf-button:hover {  /* Style on hover */
  background-color: #ddd; /* Light gray background on hover */
}

/* Search bar styles */

.search-field input[type="text"],
.search-field select {
  background-color: #eee; /* Light gray background */
  border: 1px solid #ccc; /* Light gray border */
  padding: 5px; /* Add some padding */
}