Styled Container - Copy this React, Mui Component to your project

Create a centered, large headline using React MUI that reads 'TYPES OF LOGOS'. Use the Typography component to style the text, ensuring the font size is large, bold, and outlined (or has a stroke effect) instead of a solid fill initially. As the user scrolls down with the mouse wheel, the text gradually fills with black color, starting from transparent and progressing to fully filled. The fill effect should be smooth and proportional to the scrolling position. Ensure the background is clean and minimal, with ample white space around the text, and align the text in the center of the page. The animation should be triggered only by scrolling from top to bottom.