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 {