.custom-navbar {
  background-color: #1f2f2f;
}

.custom-navbar .nav-link {
  color: #ffffff;
  transition: color 0.3s ease;
}

.custom-navbar .nav-link:hover {
  color: #00b3b3; /* Lighter teal hover */
}

.custom-navbar .navbar-brand img {
  border-radius: 1%;
}

/* BOUNCE KEYFRAMES */
@keyframes bounce {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.1); }
  60%  { transform: scale(0.98); }
  80%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}

/* LOGO STYLING */
.tech-logo {
  filter: grayscale(100%) brightness(0.8);
  opacity: 0.5;
  transition: filter 0.3s ease, opacity 0.3s ease;
  max-height: 80px;
  object-fit: contain;
}

/* HOVER REVEAL + BOUNCE */
.tech-logo:hover {
  filter: grayscale(0%) brightness(1);
  opacity: 1;
  animation: bounce 0.4s ease;
}
.parallax-hero {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 5rem 0;
  min-height: 100vh;
}

@media (max-width: 768px) {
  .parallax-hero {
    background-attachment: scroll;
    padding: 4rem 1rem;
  }
}