/* styles.css */
/* You can add or override Tailwind-based classes here for custom styling. */

/* Example: style the slider dots more precisely if desired. */
#sliderDots > div {
    transition: background-color 0.3s ease;
  }
  

html {
  scroll-behavior: smooth;
}

.active-research-topic {
  text-decoration: underline; /* Example: underline */
  /* Or, use a different color */
  /* color: blue; */
  font-weight: bold; /* Make it bold if you want */
}