diff options
Diffstat (limited to 'md/wedding/styles.css')
-rw-r--r-- | md/wedding/styles.css | 58 |
1 files changed, 29 insertions, 29 deletions
diff --git a/md/wedding/styles.css b/md/wedding/styles.css index 9cb38df..92c2927 100644 --- a/md/wedding/styles.css +++ b/md/wedding/styles.css @@ -1,18 +1,16 @@ /* stylesheet for wedding */ /* google fonts */ -@import url('https://fonts.googleapis.com/css?family=Arapey:400,400i|Reenie+Beanie'); +@import url('https://fonts.googleapis.com/css?family=Arapey|Reenie+Beanie'); :root { /* custom colors */ --teal:#009999; - --bg:#004380; } #topnav { margin: 0; padding: 0; - width: 100%; top: 0; overflow: hidden; text-align: center; @@ -29,12 +27,12 @@ color: var(--teal); transition: 0.5s; font-family: 'Arapey', serif; - font-size: 1.2em; font-weight: 700; + font-size: 1.5em; } #topnav a:hover { - box-shadow: 0 0 5px black; + color: var(--teal); } html { @@ -47,24 +45,25 @@ body { margin: 0; padding: 0; height: 100%; - font-size: 1em; background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; + background-color: snow; } article { - margin-top: 35%; - padding: 1em; - background-color: white; - box-shadow: 0 0 10px black; + margin-top: 7em; + margin-left: 10%; + padding: 0; + height: 100%; + width: 80%; } figure { margin: 0; padding: 1em; - background-color: snow; + background-color: white; box-shadow: 0 0 5px black; } @@ -76,47 +75,48 @@ figure figcaption { color: black; text-align: right; font-weight: 400; + font-size: 1em; font-style: italic; font-family: 'Arapey', serif; } -p { /* standalone blocks of text */ - text-align: left; +p { + margin: 1em; + padding: 1em; + text-align: justify; text-indent: 2em; font-weight: 400; + font-size: 1em; font-family: 'Arapey', serif; -} - -blockquote { - text-align: center; - -} - -iframe { - width: 100%; + background-color: white; + box-shadow: 0 0 5px black; } h1 { /* decorative page title */ + margin: 0; font-weight: 400; - font-size: 5em; + font-size: 7em; font-family: 'Reenie Beanie', cursive; text-align: center; - color: var(--teal); + color: white; + text-shadow: 3px 3px 3px black; } h2 { /* decorative page subtitle */ - font-weight: 700; - font-size: 2em; - font-family: 'Arapey', serif; + font-weight: 400; + font-size: 4em; + font-family: 'Reenie Beanie', cursive; text-align: center; - color: var(--teal); + text-shadow: 3px 3px 3px black; + color: white; } h3 { /* section title */ font-weight: 400; font-size: 3em; font-family: 'Reenie Beanie', cursive; - color: var(--teal); + color: white; + text-shadow: 3px 3px 3px black; text-align: center; margin: 1em; } |