/* --- Progress bar  --- */
.progress {
  height: 3px;
  width: 0%;
  background: var(--primary_dark_color);
  background: linear-gradient(90deg, var(--primary_dark_color) 0%, var(--secondary_color) 100%);
  position: fixed;
  top: 0;
  left: 0;
  animation: progress 1s linear;
  z-index: 999999;

  /* Pause the animation */
  animation-play-state: paused;
  /* Bind the animation to scroll */
  animation-delay: calc(var(--scroll) * -1s);
  /* These last 2 properites clean up overshoot weirdness */
  animation-iteration-count: 1;
  animation-fill-mode: both;
}