body {
  font-family: 'Montserrat', sans-serif;
  scroll-behavior: smooth;
  background-color: #111;
}

.hero {
  height: 100vh;
  background: linear-gradient(to right, #000, #222);
  padding-top: 100px;
  text-align: center;
}

.profile-img {
  width: 140px;
  height: 140px;
  object-fit: cover;
  border: 4px solid #fff;
}
.card:hover {
  transform: scale(1.03);
  transition: all 0.3s ease-in-out;
}
.nav-link.active {
  font-weight: bold;
  border-bottom: 2px solid white;
}