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