diff --git a/style.css b/style.css index b572bca..2ab521d 100644 --- a/style.css +++ b/style.css @@ -14,41 +14,35 @@ src: url(./EBGaramond-Italic.woff2) format("woff2"); } + @font-feature-values "EB Garamond" { @swash { fancy: 1; } } -html { - font-family: "EB Garamond", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif; - font-size: 1.25rem; - font-size-adjust: 0.4; - font-variant-alternates: swash(fancy); - line-height: 1.3rem; -} - body { counter-reset: section; - margin: 7.8rem 1.3rem; + margin: 8rem 1rem; background-color: #f9f9ef; -} - -h1, h2 { - text-align: center; - font-weight: normal; - margin: 1.95rem 0 0.65rem; - line-height: 2.6rem; + font-family: "EB Garamond", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif; + font-size-adjust: 0.5; } 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 { @@ -57,17 +51,18 @@ h2::before { display: block; font-style: normal; font-variant-caps: all-small-caps; + margin-bottom: 0.5rem; } .section { - max-width: 55ch; - margin: 0 auto; + max-width: 33rem; + margin: 2rem auto; } .verse { - max-width: 47ch; /* Through the wood’s sunny aisles and tree-propped halls */ + max-width: 28rem; margin-left: auto; - margin-bottom: 1.3rem; + font-variant-alternates: swash(fancy); } .line-indented {