font and rework

5 files changed, 39 insertions, 8 deletions

diff --git a/static/charter_bold.woff2 b/static/charter_bold.woff2
new file mode 100644
index 0000000..008c4f5
--- /dev/null
+++ b/static/charter_bold.woff2
diff --git a/static/charter_bold_italic.woff2 b/static/charter_bold_italic.woff2
new file mode 100644
index 0000000..8a2cacc
--- /dev/null
+++ b/static/charter_bold_italic.woff2
diff --git a/static/charter_italic.woff2 b/static/charter_italic.woff2
new file mode 100644
index 0000000..ea15e1a
--- /dev/null
+++ b/static/charter_italic.woff2
diff --git a/static/charter_regular.woff2 b/static/charter_regular.woff2
new file mode 100644
index 0000000..d4bc9e0
--- /dev/null
+++ b/static/charter_regular.woff2
diff --git a/static/style.css b/static/style.css
index 06a86be..a513b50 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,4 +1,29 @@
 @font-face {
+	font-family: Charter;
+	src: url(charter_regular.woff2) format('woff2-variations');
+	font-style: normal;
+}
+
+@font-face {
+	font-family: Charter;
+	src: url(charter_italic.woff2) format('woff2-variations');
+	font-style: italic;
+}
+
+@font-face {
+	font-family: Charter;
+	src: url(charter_bold.woff2) format('woff2-variations');
+    font-weight: bold;
+}
+
+@font-face {
+	font-family: Charter;
+	src: url(charter_bold_italic.woff2) format('woff2-variations');
+	font-style: italic;
+    font-weight: bold;
+}
+
+@font-face {
 	font-family: EBGaramond;
 	src: url(EBGaramond-VariableFont_wght.ttf) format('woff2-variations');
 	font-style: normal;
@@ -17,29 +42,35 @@
 }
 
 body {
-	background: #fdf3f3;
+	background: #fffaef;
 	color: DarkSlateGrey;
-	font-family: EBGaramond, serif;
-    font-size: large;
+	font-family: Charter, serif;
+	font-size: 18px;
 }
 
 a {
-	color: #1a97bf;
+    text-decoration: none;
+	color: #dd1b26;
 }
 
 a:hover {
-	color: #075d77;
+    text-decoration: underline;
+	color: #dd1b26;
 }
 
 .container {
-    margin: 1em;
+    margin: 4em;
     max-width: 40em;
 }
 
-.title {
+.header {
     font-style: italic;
+    font-size: x-large;
+}
+
+.title {
+    font-weight: bold;
 	letter-spacing: -0.5px;
-    font-size: larger;
 }
 
 hr {