diff --git a/style.css b/style.css index 2ab521d..350dba2 100644 --- a/style.css +++ b/style.css @@ -21,28 +21,34 @@ } } +html { + font-family: "EB Garamond", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif; + font-size: 1.25rem; + font-size-adjust: 0.4; + line-height: 1.3rem; +} + body { counter-reset: section; - margin: 8rem 1rem; + margin: 7.8rem 1.3rem; background-color: #f9f9ef; - font-family: "EB Garamond", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif; - font-size-adjust: 0.5; +} + +h1, h2 { + text-align: center; + font-weight: normal; + margin: 1.95rem 0 0.65rem; + line-height: 2.6rem; } h1 { - text-align: center; font-size: 2.0625rem; - font-weight: normal; color: #ce5e46; - margin: 4rem 0 2rem; } h2 { - text-align: center; font-size: 1.5625rem; - font-weight: normal; font-style: italic; - margin: 2rem 0 1rem; } h2::before { @@ -51,17 +57,17 @@ h2::before { display: block; font-style: normal; font-variant-caps: all-small-caps; - margin-bottom: 0.5rem; } .section { - max-width: 33rem; - margin: 2rem auto; + max-width: 55ch; + margin: 0 auto; } .verse { - max-width: 28rem; + max-width: 47ch; /* Through the wood’s sunny aisles and tree-propped halls */ margin-left: auto; + margin-bottom: 1.3rem; font-variant-alternates: swash(fancy); }