diff options
Diffstat (limited to 'md/wedding/styles.css')
-rw-r--r-- | md/wedding/styles.css | 50 |
1 files changed, 18 insertions, 32 deletions
diff --git a/md/wedding/styles.css b/md/wedding/styles.css index 264284c..51c3e58 100644 --- a/md/wedding/styles.css +++ b/md/wedding/styles.css @@ -2,35 +2,24 @@ /* google fonts */ @import url('https://fonts.googleapis.com/css?family=Arapey:400,400i|Fredericka+the+Great|Josefin+Sans:700'); +@import url('https://fonts.googleapis.com/css?family=Dancing+Script|Homemade+Apple|Reenie+Beanie'); :root { /* custom colors */ } #topnav { - /* - box-shadow: 0 2px 5px black; - margin: 0; - overflow: hidden; - position: fixed; top: 0; - width: 100%; - background-color: teal; - z-index: 1; - display: table; - */ - margin: 0; padding: 0; overflow: hidden; - background-color: teal; - /*position: -webkit-sticky; - position: sticky;*/ - top: 0; + background-color: rgba(0, 0, 0, 0.5); + text-align: center; + position: fixed; + width: 100%; } #topnav a { - float: left; - display: table-cell; + display: inline-block; text-align: center; padding: 1em 1em; text-decoration: none; @@ -39,13 +28,11 @@ font-family: 'Josefin Sans', sans-serif; font-weight: 700; font-style: bold; - font-size: 0.9em; + font-size: 1em; } #topnav a:hover { color: teal; - background-color: white; - box-shadow: 0 0 5px black; } html { @@ -68,7 +55,9 @@ body { article { height: 100%; - margin-top: 3em; + margin-top: 4em; + margin-left: 10%; + width: 80%; } iframe { @@ -80,8 +69,6 @@ iframe { figure { margin: none; padding: 1em; - margin-left: 25%; - width: 50%; background-color: white; box-shadow: 0 5px 5px black; } @@ -114,35 +101,34 @@ p { background-color: white; margin: 1em; padding: 1em; - box-shadow: 0 5px 5px black; + box-shadow: 3px 3px 3px black; } h1 { /* decorative page title */ font-weight: 400; font-size: 4em; - font-family: 'Fredericka the Great', cursive; - text-align: center; + font-family: 'Homemade Apple', cursive; + text-align: right; color: white; - text-shadow: 2px 2px 5px black; - /*padding-top: 1.5em;*/ + text-shadow: 3px 3px 3px black; } h2 { /* decorative page subtitle */ font-weight: 700; font-size: 2em; font-family: 'Josefin Sans', sans-serif; - text-align: center; + text-align: right; text-shadow: 3px 3px 3px black; color: white; } h3 { /* section title */ font-weight: 400; - font-size: 2em; - font-family: 'Fredericka the Great', cursive; + font-size: 3em; + font-family: 'Reenie Beanie', cursive; color: white; text-shadow: 3px 3px 3px black; - text-align: center; + text-align: right; margin: 1em; } |