summaryrefslogtreecommitdiff
path: root/md/wedding/styles.css
diff options
context:
space:
mode:
Diffstat (limited to 'md/wedding/styles.css')
-rw-r--r--md/wedding/styles.css50
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;
}