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.css75
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;
}