/* Scroll behavior fixes for fixed header */
html {
  scroll-behavior: smooth;
}

/* Apply scroll-margin-top to all elements that might be targets of anchor links */
[id] {
  scroll-margin-top: 80px;
}

/* Specific sections that are linked from the navigation */
#about,
#services,
#team,
#contact {
  scroll-margin-top: 80px;
}

/* Add some extra space to the hero section to prevent header overlap */
.hero {
  margin-top: 80px;
}