h1-display, 5.625rem(90px)

h1-med, 5rem(80px)

h1-display-sml, 4rem(64px)

h1-sml, 3rem(48px)

h2, 4rem(64px)

h2-section-title, 3rem(48px)

h3, 3rem(48px)

h3-sml, 2.25rem(36px)

h3-sml, 1.25rem(22px)

h4, 1.5rem(24px)

h5, 1.5rem(24px)

h6, 1.375rem(22px)

label, 12px
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

p, 1.125rem,(18px)
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Larger p,1.625rem( 26px)
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

p for long content, height:1.6
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

• list 1

1<style>
2/* Marquee animation */
3@keyframes marquee {
4  from { transform: translateX(0); }
5  to { transform: translateX(-100%); }
6}
7
8.marquee {
9	animation: marquee 60s linear infinite;
10}
11
12/* Optional - Pause on hover */
13animation-play-state: paused;
14</style>

1document.addEventListener("DOMContentLoaded", function () {
2    document.querySelectorAll("pre").forEach((block) => {
3        block.style.backgroundColor = "#222";
4        block.style.color = "#fff";
5        block.style.padding = "16px";
6        block.style.borderRadius = "8px";
7    });
8});
9

1{
2  "timeline": [
3    { "date": "2025-01-01", "event": "Project Kickoff" },
4    { "date": "2025-02-15", "event": "Design Phase Completed" },
5    { "date": "2025-03-10", "event": "Development Started" },
6    { "date": "2025-05-05", "event": "Beta Testing" },
7    { "date": "2025-06-20", "event": "Official Launch" }
8  ]
9}
10