diff --git a/_includes/page.css b/_includes/page.css index 476ff40..6310295 100644 --- a/_includes/page.css +++ b/_includes/page.css @@ -24,6 +24,13 @@ main { margin-right: auto; } +@media (width < 1024px) { + .content { + padding-left: 1.8rem; + padding-right: 1.8rem; + } +} + h1, h2, h3, h4 { color: var(--color-primary); } @@ -62,6 +69,22 @@ p { line-height: 1.8; } +@media (width < 640px) { + h1 { + font-size: 1.8em; + } + h2 { + font-size: 1.6em; + } + h3 { + font-size: 1.3em; + font-weight: 400; + } + h4 { + font-size: 1.15em; + } +} + :root { font-size: 12px; --page-width: 1280px;