html {
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}

.header-nav-link {
  display: inline-block;
  transition: color 200ms ease, transform 200ms ease;
}

.header-nav-link:hover,
.header-nav-link:focus-visible {
  transform: scale(1.08);
}

.button-zoom {
  transition: transform 200ms ease, opacity 200ms ease, background-color 200ms ease, color 200ms ease;
}

.button-zoom:hover,
.button-zoom:focus-visible {
  transform: scale(1.05);
}

.icon {
  width: 1em;
  height: 1em;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: inline-block;
  vertical-align: -0.125em;
}