Fix: Set explicit small heading sizes (H1: 30px, H2: 24px, H3: 20px)

This commit is contained in:
Kunthawat Greethong
2026-03-04 12:50:30 +07:00
parent 88d987c3e7
commit 7015b41bb6

View File

@@ -39,27 +39,47 @@
color: var(--color-text);
line-height: 1.7;
background: var(--color-white);
font-size: 1.125rem; /* 18px base - increased for body text */
font-size: 1.125rem; /* 18px base - only body text increased */
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-display);
/* Headings - explicit small sizes (original before font change) */
h1 {
font-size: 1.875rem; /* 30px - smaller */
font-weight: 700;
line-height: 1.3;
margin-bottom: 0.75em;
line-height: 1.2;
}
/* Heading sizes - kept reasonable */
h2 {
font-size: 1.5rem; /* 24px - smaller */
font-weight: 700;
line-height: 1.2;
}
h3 {
font-size: 1.25rem; /* 20px - smaller */
font-weight: 700;
line-height: 1.2;
}
h4 {
font-size: 1.125rem; /* 18px - smaller */
font-weight: 700;
line-height: 1.2;
}
h5, h6 {
font-size: 1rem; /* 16px */
font-weight: 700;
line-height: 1.2;
}
p {
margin-bottom: 1.25em;
font-size: 1.0625rem; /* 17px for paragraphs */
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-display);
font-weight: 700;
line-height: 1.2;
small, .text-sm {
font-size: 0.875rem; /* 14px small text */
}
/* Smooth animations */
@@ -189,6 +209,23 @@
}
}
/* Process Step Connector Lines - Fixed positioning */
.process-step-connector {
position: absolute;
top: 3rem;
left: 100%;
width: calc(100% - 5rem);
height: 2px;
background: linear-gradient(to right, var(--color-primary), transparent);
transform: translateY(-50%);
z-index: 0;
}
.process-step-number {
position: relative;
z-index: 1;
}
/* Parallax Effect Class */
.parallax {
background-attachment: fixed;