html,
body {
  overflow-x: hidden;
  width: 100%;
  scroll-behavior: smooth;
}

/* Smooth transitions for all interactive elements */
a,
button,
svg {
  transition: all 0.2s ease-in-out;
}

/* Decorative elements hover effect */
.relative svg {
  transition: opacity 0.3s ease;
}

.relative:hover svg {
  opacity: 0.5;
}