adjust headings size

This commit is contained in:
a 2020-10-03 08:30:41 -05:00
parent 79e8a1773d
commit 4a3b92f361

View file

@ -69,24 +69,30 @@ main {flex-grow: 1}
}
/* single */
.page-header {
max-height: calc(100vh - 44px);
}
.page-title {
font-size: 2em;
@media (min-width: 62em) {font-size: 3em;}
font-weight: 700;
line-height: 1.2;
}
.page {
h1 {
font-size: 1.5em;
@media (min-width: 600px) {font-size: 2rem}
@media (min-width: 768px) {font-size: 3rem}
font-weight: 700;
}
h2 {
font-size: 2em;
font-size: 1.25em;
@media (min-width: 600px) {font-size: 1.75rem}
@media (min-width: 768px) {font-size: 2rem}
font-weight: 700;
margin-bottom: 0.7em;
margin-top: 2em;
line-height: 1.2;
}
h3 {
font-size: 1em;
@media (min-width: 600px) {font-size: 1.5rem}
@media (min-width: 768px) {font-size: 1.75rem}
font-weight: 700;
margin-bottom: 0.7em;
line-height: 1.2;
}
a {
color: inherit;
text-underline-offset: 7px;