diff --git a/epicyon-blog.css b/epicyon-blog.css index 306f9f0c4..ebd936173 100644 --- a/epicyon-blog.css +++ b/epicyon-blog.css @@ -17,6 +17,7 @@ --font-size-header: 18px; --font-color-header: #ccc; --font-size-button-mobile: 34px; + --font-size-mobile: 50px; --font-size: 30px; --font-size2: 24px; --font-size3: 38px; @@ -107,12 +108,6 @@ a:focus { border: 2px solid var(--focus-color); } -h1 { - font-family: var(--header-font); - font-size: var(--font-size); - color: var(--title-color); -} - .cwText { display: none; } @@ -703,6 +698,11 @@ div.gallery img { font-size: var(--font-size4); font-family: "Times New Roman", Roman, serif; } + h1 { + font-family: var(--header-font); + font-size: var(--font-size); + color: var(--title-color); + } .galleryContainer { display: grid; grid-template-columns: 50% 50%; @@ -1055,6 +1055,11 @@ div.gallery img { font-size: var(--font-size3); font-family: "Times New Roman", Roman, serif; } + h1 { + font-family: var(--header-font); + font-size: var(--font-size-mobile); + color: var(--title-color); + } div.gallerytext { color: var(--gallery-text-color); font-size: var(--gallery-font-size-mobile);