diff --git a/index.html b/index.html index 2c19263..f920628 100644 --- a/index.html +++ b/index.html @@ -5,51 +5,7 @@ The Trees of Kortirion - + diff --git a/style.css b/style.css new file mode 100644 index 0000000..0bbbc79 --- /dev/null +++ b/style.css @@ -0,0 +1,43 @@ +body { + counter-reset: section; + margin: 5rem 1rem; +} + +h1, +h2 { + text-align: center; + font-size: 1em; + font-weight: normal; + font-style: italic; + margin: 1rem 0; +} + +h2::before { + counter-increment: section; + content: counter(section, upper-roman); + display: block; + font-style: normal; + margin: 1rem 0; +} + +.section { + max-width: 36rem; + margin: 2rem auto; +} + +.verse { + max-width: 30rem; + margin-left: auto; +} + +.line-indented { + padding-left: 1em; +} + +@media screen and (max-width: 32rem) { + .line { + display: inline-block; + margin-left: 2em; + text-indent: -2em; + } +} \ No newline at end of file