css: better quotes and code

1 files changed, 13 insertions, 11 deletions

diff --git a/src/styles/style.css b/src/styles/style.css
index 848f946..b20fd70 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -31,23 +31,24 @@ a:hover {
     text-decoration-color: #ca8;
 }
 
-pre, code {
-    font: 1.1em/1.5 monospace;
+pre > code {
+    display: block;
+    padding: 10px 15px;
+    white-space: pre-wrap;
+    line-height: 1.4em;
 }
 
-pre {
-    overflow-x: auto;
-    padding: .5em 1em;
+pre, code {
+    font-family: 'Fira Code', monospace;
+    font-size: 0.98em;
+    color: #ddd;
     background-color: #222;
+    border-radius: 5px;
 }
 
 code {
-    white-space: pre;
-    color: rgb(251, 252, 189);
-}
-
-pre code {
-    color: #ddd;
+    padding: 3px 5px;
+    white-space: nowrap;
 }
 
 p img, table {
@@ -63,6 +64,7 @@ img {
 blockquote {
     background-color: #222;
     border-left: 5px solid #e6c79a;
+    border-radius: 5px;
     margin: 0em 1em;
     padding-left: 1em;
 }