Changing text weight and adding a card shadow to outline and blocks

2 files changed, 12 insertions, 5 deletions

diff --git a/crumbs/static/css/crumbs.css b/crumbs/static/css/crumbs.css
index 3ac922e..1b05761 100644
--- a/crumbs/static/css/crumbs.css
+++ b/crumbs/static/css/crumbs.css
@@ -42,12 +42,12 @@ li {
 }
 
 strong {
-  font-weight: 700;
+  font-weight: 600;
 }
 
 h1, h2, h3, h4 {
     margin-bottom: 18px;
-    font-weight: 500;
+    font-weight: 600;
 }
 
 h1 { font-size: 36px; }
@@ -121,10 +121,11 @@ pre, code {
   border-radius: 0px;
   color: #BEBEBE;
   margin: 34px 0;
-  font-weight: 700;
+  font-weight: 600;
 }
 
 pre {
+  box-shadow: inset 0 0 0.5em black;
   white-space: pre-wrap;       /* Since CSS 2.1 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
@@ -204,14 +205,20 @@ code { padding: 3px 3px; }
 */
 
 .card {
+  box-shadow: 0 0 1em black;
   display: flex;
   flex-direction: column;
-  padding: 50px;
+  padding: 35px;
   background-color: #E2E2E2;
   color: #222222;
   margin-bottom: 25px;
 }
 
+.card p, h2, h3, h4 {
+  padding-left: 35px;
+  padding-right: 35px;
+}
+
 @media (max-width: 850px) {
     .card {
         padding: 20px;
diff --git a/crumbs/templates/components/html_head.html b/crumbs/templates/components/html_head.html
index 7c1d722..be9b3b4 100644
--- a/crumbs/templates/components/html_head.html
+++ b/crumbs/templates/components/html_head.html
@@ -12,7 +12,7 @@
         <link href="{{ SITEURL }}/theme/css/crumbs.css" rel="stylesheet">
     {% endif %}
 
-    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600" rel="stylesheet">
 
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.6/css/all.css">
     <link rel="alternate" type="application/rss+xml" href="{{ SITEURL }}/rss.xml" title="{{ SITENAME }} — Latest Posts" />