adjusted header sizes

This commit is contained in:
rawleyIfowler
2022-04-16 13:10:28 -05:00
parent ff5cc951eb
commit bae62cf86c

View File

@@ -29,11 +29,11 @@ body {
font-size: calc(12px + 0.33vw); font-size: calc(12px + 0.33vw);
margin: auto; margin: auto;
padding: 1.3em; padding: 1.3em;
max-width: clamp(400px, 850px + 3vw, 900px); max-width: clamp(400px, 750px + 3vw, 900px);
} }
h1 { h1 {
font-size: 2em; font-size: 2.1em;
font-weight: 800; font-weight: 800;
margin-bottom: 0; margin-bottom: 0;
margin-top: 12px; margin-top: 12px;
@@ -41,25 +41,25 @@ h1 {
} }
h2 { h2 {
font-size: 1.8em; font-size: (1.6em, 1.6em, 1.8em);
font-weight: 700; font-weight: 700;
margin-bottom: 0; margin-bottom: 0;
} }
h3 { h3 {
font-size: 1.6em; font-size: (1.3em, 1.4em, 1.6em);
font-weight: 600; font-weight: 600;
margin-bottom: 6px; margin-bottom: 6px;
} }
h4 { h4 {
font-size: 1.1em; font-size: clamp(1.1em, 1.2em, 1.3em);
font-weight: 400; font-weight: bold;
margin-bottom: 6px; margin-bottom: 6px;
} }
p { p {
font-size: clamp(1em, 1.1em, 1.22em); font-size: clamp(0.9em, 1em, 1.1em);
font-weight: 400; font-weight: 400;
line-height: 1.4; line-height: 1.4;
max-width: 50em; max-width: 50em;