:root {
  --primary-color: #0a2f1d;
  --secondary-color: #3b7a57;
  --button: #f28c28;
  --font-size: 16px;
  --border-radius: 5px;
}
* {
  font-family: 'Poppins', serif;
}

.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: none;
}
.card:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.card img {
  transition: transform 0.3s ease;
}
.card:hover img {
  transform: scale(1.1);
}
.bg-body-primary {
  background-color: #fbf6e9 !important;
  /* padding: 5em; */
}
h1 {
  font-size: 1.5rem !important;
  line-height: 30px !important;
}

.fw-bold {
  color: var(--primary-color) !important;
}
footer {
  color: #343a40 !important;
}
footer p {
  letter-spacing: 2px !important;
}
footer a {
  font-size: 0.8rem !important;
  text-decoration: none;
}
.btn {
  background-color: var(--button) !important;
  color: white !important;
}

.btn:hover {
  background-color: var(--button) !important;
  color: white !important;
  opacity: 50% !important;
  transition: all ease-in-out 0.8s !important;
}
span {
  color: var(--secondary-color);
}
th {
  background-color: #1b4d3e !important;
}
.table-title {
  color: #ece5e5 !important;
}

@media (min-width: 768px) {
  /* footer {
    position: fixed;
    width: 100%;
    bottom: 0;
  } */
}
@media (max-width: 768px) {
  footer {
    margin-top: 80%;
  }
}