|
|
|
|
@ -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; }
|
|
|
|
|
}
|
|
|
|
|
|
