diff options
Diffstat (limited to 'md/wedding/styles.css')
-rw-r--r-- | md/wedding/styles.css | 76 |
1 files changed, 32 insertions, 44 deletions
diff --git a/md/wedding/styles.css b/md/wedding/styles.css index 51c3e58..cf81d3f 100644 --- a/md/wedding/styles.css +++ b/md/wedding/styles.css @@ -6,47 +6,47 @@ :root { /* custom colors */ + --amy:#009999; } #topnav { top: 0; padding: 0; overflow: hidden; - background-color: rgba(0, 0, 0, 0.5); + background-color: white; text-align: center; position: fixed; width: 100%; + box-shadow: 0 0px 10px black; + } #topnav a { display: inline-block; text-align: center; - padding: 1em 1em; + padding: 0.5em 0.5em; text-decoration: none; - color: white; + color: var(--amy); transition: 0.5s; - font-family: 'Josefin Sans', sans-serif; - font-weight: 700; - font-style: bold; - font-size: 1em; + font-family: 'Arapey', serif; + font-weight: 400; + font-size: 1.5em; } #topnav a:hover { - color: teal; + color: var(--amy); } html { height: 100%; margin: 0; + padding: 0; } body { - height: 100%; - padding: 0; margin: 0; - font-size: 1.2em; - font-weight: 400; - font-family: 'Arapey', serif; + padding: 0; + height: 100%; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; @@ -56,20 +56,17 @@ body { article { height: 100%; margin-top: 4em; - margin-left: 10%; - width: 80%; + padding: 0; } iframe { - height: 100%; width: 100%; - border: none; } figure { - margin: none; - padding: 1em; - background-color: white; + margin: 0; + padding: 0; + background-color: snow; box-shadow: 0 5px 5px black; } @@ -86,40 +83,31 @@ 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: 0.9em; - background-color: white; - margin: 1em; - padding: 1em; - box-shadow: 3px 3px 3px black; + font-size: 1em; + font-family: 'Arapey', serif; } h1 { /* decorative page title */ - font-weight: 400; - font-size: 4em; - font-family: 'Homemade Apple', cursive; - text-align: right; - color: white; - text-shadow: 3px 3px 3px black; + font-weight: 700; + font-size: 5em; + /*font-family: 'Homemade Apple', cursive;*/ + font-family: 'Reenie Beanie', cursive; + text-align: center; + color: black; } h2 { /* decorative page subtitle */ - font-weight: 700; + font-weight: 400; font-size: 2em; - font-family: 'Josefin Sans', sans-serif; - text-align: right; - text-shadow: 3px 3px 3px black; - color: white; + font-family: 'Reenie Beanie', cursive; + text-align: center; + color: black; } h3 { /* section title */ @@ -128,7 +116,7 @@ h3 { /* section title */ font-family: 'Reenie Beanie', cursive; color: white; text-shadow: 3px 3px 3px black; - text-align: right; + text-align: center; margin: 1em; } |