body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  background-color: #f4f4f4;
}

header {
  background-color: #108826;
  color: #120202;
  text-align: center;
  padding: 1rem;
}

header nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

header nav ul {
  display: flex; /* Flexbox for horizontal layout */
  justify-content: center; /* Center navigation items */
}

header nav ul li {
  margin-right: 20px; /* Space between items */
}

header nav a {
  color: #fff; /* White text color */
  text-decoration: none; /* No underline */
}

header nav a:hover {
  text-decoration: underline; /* Underline on hover */
}

.header-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logo {
  width: 300px; /* Logo size remains the same */
}

header h1 {
  margin-top: 0; /* No top margin */
}

main {
  padding: 2rem;
  max-width: 800px; /* Max width for main content */
  margin: auto; /* Center main content */
}

.donate-button {
  display: inline-block; /* Block display for button */
  background-color: #0070ba; /* Button color */
  color: #fff; /* Text color */
  padding: 10px 20px; /* Padding around text */
  text-decoration: none; /* No underline */
  border-radius: 5px; /* Rounded corners */
}

.team-members {
  display: flex; /* Flexbox for team members layout */
  flex-wrap: wrap; /* Wrap items to next line if needed */
  justify-content: center; /* Center items horizontally */
}

.member {
  margin: 20px; /* Space around each member */
  text-align: center; /* Center text for each member */
}

.member-image {
  width: 100px; /* Adjust size of member images */
  height: 100px;
  border-radius: 50%; /* Circular images */
  object-fit: cover; /* Cover image without distortion */
}

#results-table {
  margin-top: 20px; /* Space above results table */
}

table {
  width: 100%; /* Full width table */
  border-collapse: collapse; /* Collapse borders */
}

th,
td {
  border: 1px solid #ddd; /* Border for cells */
  padding: 10px; /* Padding inside cells */
}

th {
  background-color: #f0f0f0; /* Header background color */
}

footer {
  background-color: #108826; /* Same as header color */
  color: #120202; /* Text color in footer */
  text-align: center; /* Centered text in footer */
  padding: 1rem; /* Padding around footer content */
}