diff options
Diffstat (limited to 'md/wedding/styles.css')
-rw-r--r-- | md/wedding/styles.css | 75 |
1 files changed, 41 insertions, 34 deletions
diff --git a/md/wedding/styles.css b/md/wedding/styles.css index cf81d3f..4865a35 100644 --- a/md/wedding/styles.css +++ b/md/wedding/styles.css @@ -13,24 +13,23 @@ top: 0; padding: 0; overflow: hidden; - background-color: white; + background-color: rgba(0, 0, 0, 0.5); text-align: center; position: fixed; width: 100%; - box-shadow: 0 0px 10px black; - } #topnav a { display: inline-block; text-align: center; - padding: 0.5em 0.5em; + padding: 1em 1em; text-decoration: none; - color: var(--amy); + color: white; transition: 0.5s; - font-family: 'Arapey', serif; - font-weight: 400; - font-size: 1.5em; + font-family: 'Josefin Sans', sans-serif; + font-weight: 700; + font-style: bold; + font-size: 1em; } #topnav a:hover { @@ -40,13 +39,15 @@ html { height: 100%; margin: 0; - padding: 0; } body { - margin: 0; - padding: 0; height: 100%; + padding: 0; + margin: 0; + font-size: 1.2em; + font-weight: 400; + font-family: 'Arapey', serif; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; @@ -56,17 +57,14 @@ body { article { height: 100%; margin-top: 4em; - padding: 0; -} - -iframe { - width: 100%; + margin-left: 10%; + width: 80%; } figure { - margin: 0; - padding: 0; - background-color: snow; + margin: none; + padding: 1em; + background-color: white; box-shadow: 0 5px 5px black; } @@ -83,31 +81,40 @@ figure figcaption { font-family: 'Arapey', serif; } +hr { + color: white; + margin-left: 4em; + margin-right: 4em; + border-bottom: none; +} + p { - margin: 0; - padding: 0; text-align: justify; text-indent: 2em; font-weight: 400; - font-size: 1em; - font-family: 'Arapey', serif; + font-size: 0.9em; + background-color: white; + margin: 1em; + padding: 1em; + box-shadow: 3px 3px 3px black; } h1 { /* decorative page title */ - font-weight: 700; - font-size: 5em; - /*font-family: 'Homemade Apple', cursive;*/ - font-family: 'Reenie Beanie', cursive; - text-align: center; - color: black; + font-weight: 400; + font-size: 4em; + font-family: 'Homemade Apple', cursive; + text-align: right; + color: white; + text-shadow: 3px 3px 3px black; } h2 { /* decorative page subtitle */ - font-weight: 400; + font-weight: 700; font-size: 2em; - font-family: 'Reenie Beanie', cursive; - text-align: center; - color: black; + font-family: 'Josefin Sans', sans-serif; + text-align: right; + text-shadow: 3px 3px 3px black; + color: white; } h3 { /* section title */ @@ -116,7 +123,7 @@ h3 { /* section title */ font-family: 'Reenie Beanie', cursive; color: white; text-shadow: 3px 3px 3px black; - text-align: center; + text-align: right; margin: 1em; } |