diff --git a/css/style.css b/css/style.css index bb453a4..ce22b35 100644 --- a/css/style.css +++ b/css/style.css @@ -2,6 +2,10 @@ font-family: moderat-regular; src: url(../fonts/moderat-regular.otf) } +@font-face { + font-family: moderat-black; + src: url(../fonts/moderat-black.otf) +} html, body { margin: 0; @@ -28,8 +32,9 @@ body { } .messenger img { max-width: 12em; } +h1, h2, h3 { font-family: moderat-black; } h1 { color: #d63647; margin-bottom: 0; clear: both; font-size: 3em; } -h2, h3 { color: #68c7d2; } +h2, h3 { color: #1fbcc6; } p { line-height: 1.6; } @@ -57,7 +62,7 @@ article { position: relative; max-width: 32%; padding: 1.7em; } -article h2 { margin-top: -1.7em; font-size: 2em; } +article h2 { margin-top: -1.5em; font-size: 2.6em; white-space: nowrap; } article:nth-child(1) h2 { margin-right: -1.5em; text-align: right; } article:nth-child(2) h2 { margin-left: -1.5em; } article::before { @@ -94,7 +99,7 @@ article: nth-child(1)::before { .row>img { max-height: 80%; max-width: 80%; margin: 1em 0; } article { max-width: 100%; align-self: center !important; padding: 1em; } - article h2 { margin-top: auto; font-size: 2em; } + article h2 { margin-top: auto; font-size: 2.3em; white-space: initial; } article:nth-child(1) h2 { margin-right: auto; text-align: right; } article:nth-child(2) h2 { margin-left: auto; } } diff --git a/fonts/moderat-black.otf b/fonts/moderat-black.otf new file mode 100644 index 0000000..bc373bd Binary files /dev/null and b/fonts/moderat-black.otf differ