/* Progress scroll */
.scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 0.5rem;
  background: linear-gradient(90deg, var(#3ec1a7), var(#006dd7), var(#22272d));
  z-index: 9999;
  transition: width 0.1s;
}

/* Animation on scroll (CSS Scroll Animations) */
.animated {
  animation: slideFromLeft linear;
  animation-timeline: view();
  animation-range: entry 0% cover 15%;
}

@keyframes slideFromLeft {
  from {
    opacity: 0;
    transform: translateY(-10rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}