body {
  background-color: #0D1B0F;  /* Dark green-black */
  color: #E0D8C3;  /* Soft beige-brown for text */
}

.card {
  background-color: #1A2F1E;  /* Muted forest green */
  border: 1px solid #3A4F3E;  /* Darker green border */
  color: #D7C8A5;  /* Light brown text */
}

.button {
  background-color: #2E4A2A;  /* Deep green buttons */
  color: #E0D8C3;
}

.button:hover {
  background-color: #3A5F33;  /* Lighter green on hover */
}

a {
  color: #A48B5E;  /* Brown-gold links */
}

a:hover {
  color: #BFA276;  /* Lighter brown-gold on hover */
}

.header {
  background-color: #0D1B0F;  /* Matching dark green-black */
  color: #E0D8C3;
}

.footer {
  background-color: #0D1B0F;
  color: #D7C8A5;
}

.service-group {
  max-width: 30%;  /* Limit to outer thirds */
  margin: 0 auto;  /* Center each group */
}

.service-group:first-child {
  float: left;  /* Left side */
  margin-left: 5%;  /* Push to edge */
}

.service-group:last-child {
  float: right;  /* Right side */
  margin-right: 5%;  /* Push to edge */
}

.service-group:nth-child(2) {
  clear: both;  /* Center favorites */
  max-width: 40%;  /* Narrower for background visibility */
}