html {
  scroll-behavior: smooth;
}


.nav-link {
  position: relative;
  color: #4a5568; /* text-gray-700 */
  transition: color 0.3s ease;
}

.nav-link::before {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #1e40af; /* bleu foncé */
  transition: width 0.3s ease;
}

.nav-link:hover {
  color: #1e40af; /* bleu foncé */
}

.nav-link:hover::before {
  width: 100%;
}