diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css index 393563d..b6028fd 100644 --- a/public_html/css/hpr.css +++ b/public_html/css/hpr.css @@ -53,6 +53,13 @@ https://creativecommons.org/publicdomain/ --for-tablet-landscape-up: 900px; --for-desktop-up: 1200px; --for-big-desktop-up: 1800px; + + --default-header-x-font-weight: bold; + --default-header-x-margin: 1.25rem 0 0.75rem 0; + --default-header-1-font-size: 1.5rem; + --default-header-2-font-size: 1.45rem; + --default-header-3-font-size: 1.25rem; + --default-header-4-font-size: 1.15rem; } html { @@ -172,27 +179,27 @@ blockquote { } h1 { - font-size: 1.5rem; - margin: 1.25rem 0 0.75rem 0; + font-size: var(--default-header-1-font-size); + margin: var(--default-header-x-margin); } h2, article * h1, section > header:first-child { - font-size: 1.45rem; - margin: 1.25rem 0 0.75rem 0; + font-size: var(--default-header-2-font-size); + margin: var(--default-header-x-margin); } h3, article * h2 { - font-size: 1.25rem; - margin: 1.25rem 0 0.75rem 0; + font-size: var(--default-header-3-font-size); + margin: var(--default-header-x-margin); } h4, article * h3 { - font-size: 1.15rem; - margin: 1.25rem 0 0.75rem 0; + font-size: var(--default-header-4-font-size); + margin: var(--default-header-x-margin); } img {