/* =============================
   5. style.css
   ============================= */

.hero {
  height: 20vh;
  background: linear-gradient(to right, #000428, #004e92);
}

body {
  font-family: Arial, sans-serif;
}
.nav-link.active {
  font-weight: bold;
  color: #0d6efd !important;
  border-bottom: 2px solid #0d6efd;
}


.gallery-page {
  background-color: #383333;
  color: #f1f1f1;
}

.card {
  transition: 0.3s;
}

.card:hover {
  transform: translateY(-5px);
}

.nav-link.active {
  font-weight: bold;
  border-bottom: 2px solid #a0b7da;
}