.list-group-item {
  border: none;
  font-size: 0.95rem;
  color: #333;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
}

.list-group-item:hover {
  background-color: #f8f9fa;
  color: #000;
  transform: translateX(2px);
}

.card-header {
  font-size: 1rem;
  background-color: #f1f3f5 !important;
}

.headerbg {
  background-image: url("/static/images/background.jpg"); /* путь к твоему рисунку */
  background-size: cover;        /* растягивает на всю ширину */
  background-position: center;   /* центрирует изображение */
  background-repeat: no-repeat;  /* не повторяет */
  width: 100%;                   /* занимает всю ширину экрана */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;     /* чтобы содержимое оставалось внизу при необходимости */
}

.footerbg {
  background-color: #004597; /* нужный цвет */
  color: #f8f9fa;
}