/* Custom brown button */
.btn-brown {
  background-color: #A6895B;
  color: #fff;
  border: none;
}
.btn-brown:hover, .btn-brown:focus {
  background-color: #8B6F3D;
  color: #fff;
}
h1 {
    color: red;
}

body {
  background-color: #E7D6B9;
}

@keyframes pulse {
  0%   { transform: scale(1); opacity: 1; }
  50%  { transform: scale(1.05); opacity: 0.9; }
  100% { transform: scale(1); opacity: 1; }
}

.progress-bar.pulse {
  animation: pulse 1.5s infinite;
}

.navbar-custom {
  background-color: #A6895B !important;
}

.card-brown {
  background-color: #A6895B !important;
  color: #fff;
}

/* Responsive buttons and images for mobile */
@media (max-width: 576px) {
  .btn, .btn-lg, .btn-success, .btn-warning, .btn-brown {
    font-size: 1rem !important;
    padding: 0.5rem 1rem !important;
    width: 100%;
    margin-bottom: 0.5rem;
  }
  img, .img-fluid {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .navbar-brand img {
    height: 48px !important;
  }
}