/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 20 2025 | 05:31:11 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.scroll-highlight .sh-line {
  font-size: 32px;
  font-weight: 600;
  color: #9ca3af;
  transition: color 0.3s ease;
}

.scroll-highlight .sh-line.active {
  color: #7A5CFF;
}
.sticky-text {
  height: 300vh; /* controls scroll length */
}

.sticky-text p {
  position: sticky;
  top: 40%;
  font-size: 32px;
  font-weight: 600;
  color: #9ca3af;
  margin: 40px 0;
  transition: color 0.3s ease;
}

/* highlight one at a time */
.sticky-text p:nth-child(1) {
  z-index: 3;
}
.sticky-text p:nth-child(2) {
  z-index: 2;
}
.sticky-text p:nth-child(3) {
  z-index: 1;
}

/* active color when in focus */
.sticky-text p {
  background: linear-gradient(90deg, #B44CFF, #7A5CFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}