* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f4f4f4;
  margin: 0;
}

.hero-banner {
  background: linear-gradient(135deg, #ffe0b2, #fff3e0);
}

.hero-banner h1 {
  color: #3e2723;
}

.hero-banner p {
  color: #5d4037;
}

.card img {
  object-fit: cover;
  height: 200px;
}

.card-title {
  color: #3e2723;
}

.navbar-brand {
  font-weight: 700;
}

.custom-alert {
  max-width: 800px;
  margin: 0 auto;
}