css for markdown code

client/src/app.css

@@ -5,9 +5,7 @@
   --clr-light-gray: #ddd;
   --clr-dark-gray: #aaa;
   --clr-darker-gray: #555;
-  --clr-code: rgba(0, 32, 90, 0.87);
   --ff-primary: Roboto;
-  --ff-code: "Roboto Mono";
 }
 
 
@@ -19,9 +17,24 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
-code {
-  font-family: var(--ff-code);
-  color: var(--clr-code);
+.markdown code {
+  color: rgba(0, 32, 90, 0.87);
+  background-color: rgba(223, 227, 234);
+  font-size: 85%;
+  border-radius: .3em;
+  padding-left: .3em;
+  padding-right: .3em;
+}
+
+.markdown pre {
+  padding-top: .6em;
+  padding-bottom: .6em;
+  padding-left: .3em;
+  overflow: auto;
+  line-height: 1.45;
+  color: rgba(0, 32, 90, 0.87);
+  background-color: rgba(223, 227, 234);
+  border-radius: .3em;
 }