html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ants line,
.ants-animation-down line,
.ants polyline {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
  stroke-miterlimit: 10;
  vector-effect: non-scaling-stroke;

  stroke-dasharray: 2 4 !important;
  animation: march 1s linear infinite;
}

.ants path,
.ants-animation-down path{
  fill: #000;
}

@keyframes march {
  to { stroke-dashoffset: -6; }
}

.ants-animation-down line,
.ants-animation-down polyline {
  stroke-dasharray: 2 4;
  animation: march-reverse 0.5s linear infinite;
}

@keyframes march-reverse { to { stroke-dashoffset: 6; } }

@media (prefers-reduced-motion: reduce) {
  .ants line,
  .ants polyline { animation: none; }
}