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.css58
1 files changed, 29 insertions, 29 deletions
diff --git a/md/wedding/styles.css b/md/wedding/styles.css
index 9cb38df..92c2927 100644
--- a/md/wedding/styles.css
+++ b/md/wedding/styles.css
@@ -1,18 +1,16 @@
/* stylesheet for wedding */
/* google fonts */
-@import url('https://fonts.googleapis.com/css?family=Arapey:400,400i|Reenie+Beanie');
+@import url('https://fonts.googleapis.com/css?family=Arapey|Reenie+Beanie');
:root {
/* custom colors */
--teal:#009999;
- --bg:#004380;
}
#topnav {
margin: 0;
padding: 0;
- width: 100%;
top: 0;
overflow: hidden;
text-align: center;
@@ -29,12 +27,12 @@
color: var(--teal);
transition: 0.5s;
font-family: 'Arapey', serif;
- font-size: 1.2em;
font-weight: 700;
+ font-size: 1.5em;
}
#topnav a:hover {
- box-shadow: 0 0 5px black;
+ color: var(--teal);
}
html {
@@ -47,24 +45,25 @@ body {
margin: 0;
padding: 0;
height: 100%;
- font-size: 1em;
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: cover;
+ background-color: snow;
}
article {
- margin-top: 35%;
- padding: 1em;
- background-color: white;
- box-shadow: 0 0 10px black;
+ margin-top: 7em;
+ margin-left: 10%;
+ padding: 0;
+ height: 100%;
+ width: 80%;
}
figure {
margin: 0;
padding: 1em;
- background-color: snow;
+ background-color: white;
box-shadow: 0 0 5px black;
}
@@ -76,47 +75,48 @@ figure figcaption {
color: black;
text-align: right;
font-weight: 400;
+ font-size: 1em;
font-style: italic;
font-family: 'Arapey', serif;
}
-p { /* standalone blocks of text */
- text-align: left;
+p {
+ margin: 1em;
+ padding: 1em;
+ text-align: justify;
text-indent: 2em;
font-weight: 400;
+ font-size: 1em;
font-family: 'Arapey', serif;
-}
-
-blockquote {
- text-align: center;
-
-}
-
-iframe {
- width: 100%;
+ background-color: white;
+ box-shadow: 0 0 5px black;
}
h1 { /* decorative page title */
+ margin: 0;
font-weight: 400;
- font-size: 5em;
+ font-size: 7em;
font-family: 'Reenie Beanie', cursive;
text-align: center;
- color: var(--teal);
+ color: white;
+ text-shadow: 3px 3px 3px black;
}
h2 { /* decorative page subtitle */
- font-weight: 700;
- font-size: 2em;
- font-family: 'Arapey', serif;
+ font-weight: 400;
+ font-size: 4em;
+ font-family: 'Reenie Beanie', cursive;
text-align: center;
- color: var(--teal);
+ text-shadow: 3px 3px 3px black;
+ color: white;
}
h3 { /* section title */
font-weight: 400;
font-size: 3em;
font-family: 'Reenie Beanie', cursive;
- color: var(--teal);
+ color: white;
+ text-shadow: 3px 3px 3px black;
text-align: center;
margin: 1em;
}