From 6ba2e26707566b056a6fc07b11dd609227876002 Mon Sep 17 00:00:00 2001 From: Katherina Walshe-Grey Date: Fri, 7 Jun 2024 21:10:00 +0100 Subject: [PATCH] Move CSS to separate file --- index.html | 46 +--------------------------------------------- style.css | 43 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 44 insertions(+), 45 deletions(-) create mode 100644 style.css 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