diff options
Diffstat (limited to 'md/wedding/styles.css')
-rw-r--r-- | md/wedding/styles.css | 42 |
1 files changed, 21 insertions, 21 deletions
diff --git a/md/wedding/styles.css b/md/wedding/styles.css index 416e041..5788d9d 100644 --- a/md/wedding/styles.css +++ b/md/wedding/styles.css @@ -1,12 +1,11 @@ /* stylesheet for 53hor.net */ /* 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'); +@import url('https://fonts.googleapis.com/css?family=Arapey|Reenie+Beanie'); :root { /* custom colors */ - --amy:#009999; + --teal:#009999; } #topnav { @@ -27,14 +26,13 @@ text-decoration: none; color: white; transition: 0.5s; - font-family: 'Josefin Sans', sans-serif; + font-family: 'Arapey', serif; font-weight: 700; - font-style: bold; - font-size: 1em; + font-size: 1.5em; } #topnav a:hover { - color: var(--amy); + color: var(--teal); } html { @@ -51,10 +49,11 @@ body { background-position: center top; background-attachment: fixed; background-size: cover; + background-color: snow; } article { - margin-top: 4em; + margin-top: 7em; margin-left: 10%; padding: 0; height: 100%; @@ -62,7 +61,7 @@ article { } figure { - margin: 1em; + margin: 0; padding: 1em; background-color: white; box-shadow: 0 0 5px black; @@ -76,7 +75,7 @@ figure figcaption { color: black; text-align: right; font-weight: 400; - font-size: 0.8em; + font-size: 1em; font-style: italic; font-family: 'Arapey', serif; } @@ -94,20 +93,21 @@ p { } h1 { /* decorative page title */ + margin: 0; font-weight: 400; - font-size: 4em; - font-family: 'Homemade Apple', cursive; - text-align: right; + font-size: 7em; + font-family: 'Reenie Beanie', cursive; + text-align: center; color: white; - text-shadow: 3px 3px 5px black; + text-shadow: 3px 3px 3px black; } h2 { /* decorative page subtitle */ - font-weight: 700; - font-size: 2em; - font-family: 'Josefin Sans', sans-serif; - text-align: right; - text-shadow: 3px 3px 5px black; + font-weight: 400; + font-size: 4em; + font-family: 'Reenie Beanie', cursive; + text-align: center; + text-shadow: 3px 3px 3px black; color: white; } @@ -116,8 +116,8 @@ h3 { /* section title */ font-size: 3em; font-family: 'Reenie Beanie', cursive; color: white; - text-shadow: 3px 3px 5px black; - text-align: right; + text-shadow: 3px 3px 3px black; + text-align: center; margin: 1em; } |