Typograhpy

<!-- Typography Section -->
        <section class="section">
            <h2>Typography</h2>
            <div class="typography-showcase">
                <div class="type-item">
                    <h1>Heading 1</h1>
                    <span class="type-details">2.5rem / Inter Bold</span>
                </div>
                <div class="type-item">
                    <h2>Heading 2</h2>
                    <span class="type-details">1.75rem / Inter SemiBold</span>
                </div>
                <div class="type-item">
                    <h3>Heading 3</h3>
                    <span class="type-details">1.25rem / Inter Medium</span>
                </div>
                <div class="type-item">
                    <p class="body-text">Body Text</p>
                    <span class="type-details">1rem / Inter Regular</span>
                </div>
                <div class="type-item">
                    <p class="small-text">Small Text</p>
                    <span class="type-details">0.875rem / Inter Regular</span>
                </div>
            </div>
        </section>