text {
    margin: 0;
    height: 150vh; /* Ensure enough scrollable height */
    background-color: #cbc7c7; /* Dark background for contrast */
    
   
    font-family: Arial, sans-serif;
  }
  
  .scroll-container {
    text-align: center;
  }
  
  .scroll-text {
    font-size: 5rem; /* Adjust size */
    font-weight: bold;
    color: transparent; /* Transparent text */
    -webkit-text-stroke: 2px #cf3964; /* Outline color */
    text-stroke: 2px #cf3964;
    background: linear-gradient(to right, #cf3964 0%, transparent 100%);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 0% 100%; /* Initially no fill */
    transition: background-size 0.1s ease-in-out; /* Smooth transition */
  }