added downloadable roboto font and change styling

4 files changed, 34 insertions, 14 deletions

diff --git a/static/css/RobotoSlab-Regular-webfont.woff b/static/css/RobotoSlab-Regular-webfont.woff
new file mode 100644
index 0000000..fa0b499
--- /dev/null
+++ b/static/css/RobotoSlab-Regular-webfont.woff
diff --git a/static/css/style.css b/static/css/style.css
index 6dc3657..f25ff39 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,15 +1,34 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;400;700&display=swap');
+@font-face {
+    font-family: 'RobotoSlab-Regular';
+    src: url('/fonts/RobotoSlab-Regular-webfont.eot');
+    src: url('/fonts/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('/fonts/RobotoSlab-Regular-webfont.woff2') format('woff2'),
+         url('/fonts/RobotoSlab-Regular-webfont.woff') format('woff'),
+         url('/fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'),
+         url('/fonts/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
 
 * {
   box-sizing: border-box;
 }
 
-.title {
-  font-size: 1.5em;
-  color: red;
-  background-color: yellow;
+nav {
+  margin-bottom: 2em;
+}
+
+hr.new1 {
+  border: 1px solid #e2e2e2;
 }
 
+/* .title { */
+/*   font-size: 1.1em; */
+/*   color: orange; */
+/*   background-color: yellow; */
+/* } */
+
 .subtitle {
   font-size: 1.3em;
   color: yellow;
@@ -32,22 +51,23 @@ figcaption {
 /* } */
 
 body {
-  font-family: 'Roboto Slab', serif;
-  font-size: 22px;
+  font-family: 'RobotoSlab-Regular', serif;
+  font-size: 18px;
   margin-left: auto;
   margin-right: auto;
   max-width: 800px;
   padding: 20px;
 }
 
-li {
-  margin-top: 1.2em;
-  margin-bottom: 1.2em;
-}
+/* li { */
+/*   margin-top: 0.7em; */
+/*   margin-bottom: 0.7em; */
+/* } */
 
 h1, h2, h3, h4, h5, h6 {
   text-align: left;
 }
-a {
-  color: orange;
-}
+
+/* a { */
+/*   color: blue; */
+/* } */
diff --git a/static/fonts/RobotoSlab-Regular-webfont.woff b/static/fonts/RobotoSlab-Regular-webfont.woff
new file mode 100644
index 0000000..fa0b499
--- /dev/null
+++ b/static/fonts/RobotoSlab-Regular-webfont.woff
diff --git a/static/fonts/RobotoSlab-Regular.ttf b/static/fonts/RobotoSlab-Regular.ttf
new file mode 100644
index 0000000..cf612b8
--- /dev/null
+++ b/static/fonts/RobotoSlab-Regular.ttf