diff --git a/src/styles/global.css b/src/styles/global.css index 610d0a8..2ec1a2e 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -58,9 +58,9 @@ img { max-width: 100%; height: auto; } @media (max-width: 620px) { .wrap { padding: 0 16px; } } /* ---- the top line: the wordmark and the breadcrumb, in a bar ----------- */ -/* the bar of the Insights site: 56px high, a rule under it, the page width. +/* the bar of the Insights site: 56px high, the page width, no rule under it. * The type stays a step smaller than there - 14px, not 15px */ -.topline { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 56px; margin: 0 auto; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid var(--line); font-size: 14px; } +.topline { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 56px; margin: 0 auto; padding-top: 4px; padding-bottom: 4px; font-size: 14px; } .topline a { color: var(--muted); text-decoration: none; font-weight: 500; } .topline a:hover { color: var(--brand); } .sites { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; } @@ -73,7 +73,7 @@ img { max-width: 100%; height: auto; } /* ---- the greeting -------------------------------------------------------- */ .welcome { display: flex; align-items: center; gap: 14px; - margin: 36px 0 40px; color: var(--ink); + margin: 28px 0 40px; color: var(--ink); font-size: clamp(28px, 4vw, 40px); font-weight: 700; letter-spacing: -.025em; line-height: 1.15; } .welcome img { width: 104px; height: 104px; flex: none; margin-left: auto; }