diff --git a/index.html b/index.html index f9e0249..5f9542f 100644 --- a/index.html +++ b/index.html @@ -57,7 +57,8 @@ .translationText, .romanizationText { visibility: hidden; font-family: "Noto Sans"; - font-size:1.2em; +/* font-size:1.2em; */ + font-size: max(0.8vmax, 16px); } .romanizationText { @@ -67,7 +68,8 @@ .languageText { pointer-events: none; font-weight: bold; - font-size: 1em; +/* font-size: 1em;*/ + font-size: max(0.7vmax, 14px); font-family: sans-serif; visibility: hidden; } @@ -115,6 +117,16 @@ flex: 0 1 0; } + section#textStuff ul { + font-size: 1.2em; + line-height: 1.5rem; + max-width: 35em; + } + + section#textStuff li { + margin: 1em 0; + } + /* Position map load spinner in the middle of the SVG */ #svgContainer { position: relative; @@ -189,24 +201,23 @@ .district { stroke-width: 0.1; } - .translationText, .romanizationText { + /* .translationText, .romanizationText { font-size: 1em; } .languageText { font-size: 0.8em; - } + } */ } - @media only screen and (max-width: 768px) { +/* @media only screen and (max-width: 768px) { .translationText, .romanizationText { - font-size: 0.7em; + font-size: 0.8em; } .languageText { font-size: 0.6em; } - } - + } */
@@ -223,14 +234,13 @@ --