diff options
Diffstat (limited to 'src/scss/main.scss')
| -rw-r--r-- | src/scss/main.scss | 43 |
1 files changed, 41 insertions, 2 deletions
diff --git a/src/scss/main.scss b/src/scss/main.scss index b9ef3ee..362e6b9 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -38,6 +38,15 @@ h1 { font-size: 325%; line-height: 100%; margin: 15px 0; + + @media (max-width: 400px) { + font-size: 300%; + margin: 12px 0; + } + + @media (max-width: 340px) { + font-size: 250%; + } } h2 { @@ -45,6 +54,15 @@ h2 { font-size: 200%; line-height: 100%; margin: 12px 0; + + @media (max-width: 400px) { + font-size: 175%; + margin: 9px 0; + } + + @media (max-width: 340px) { + font-size: 165%; + } } h3 { @@ -52,6 +70,15 @@ h3 { font-size: 150%; line-height: 100%; margin: 5px 0; + + @media (max-width: 400px) { + font-size: 125%; + margin: 4px 0; + } + + @media (max-width: 340px) { + font-size: 120%; + } } h4 { @@ -59,6 +86,14 @@ h4 { font-size: 130%; line-height: 100%; margin: 2px 0; + + @media (max-width: 400px) { + font-size: 120%; + } + + @media (max-width: 340px) { + font-size: 115%; + } } a, @@ -76,13 +111,13 @@ html { color: $white; font-family: $font; font-size: 120%; - background: #181818; } body { - background-image: url("../img/background.jpg?ref=2"); + background-image: url("../img/background.png?ref=3"); background-repeat: repeat; background-size: 512px; + background-color: #181818; } .center { @@ -361,3 +396,7 @@ body { } } } + +#main #ad { + padding: $inner-gap; +} |