body {
  font-family: 'Poppins', sans-serif;
  scroll-behavior: smooth;
  padding-top: 70px; /* agar tidak tertutup navbar fixed */
}

.hero {
  background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}

.navbar-brand,
.nav-link {
  color: #212529 !important;
}

.nav-link:hover {
  color: #0d6efd !important;
}

.btn-primary {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.portfolio-img {
  height: 250px;              /* Tinggi seragam */
  object-fit: cover;          /* Potong gambar agar memenuhi area tanpa distorsi */
  width: 100%;                /* Lebar penuh card */
  object-position: center;    /* Fokus potongan ke tengah gambar */
  border-radius: 8px 8px 0 0; /* Opsional: sudut atas bulat agar lebih estetik */
}