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