styling improved

resources/public/styles/main.less

@@ -41,10 +41,6 @@ border: 1px solid @foreground;
     .thin-border;
 }
 
-code, pre {
-    font-family: "Menlo", "Andale Mono", "Consolas", Fixed, monospace;
-    font-size: 0.9em;
-}
 a {
     color: @link_fresh;
     text-decoration: none;
@@ -95,7 +91,6 @@ width: 100%;
     @media screen and (max-width: 767px) {
         font-size: 0.4em;
     }
-
 }
 #links a {
     border: none;
@@ -143,11 +138,15 @@ margin: 2em;
 .bottom-space {
     margin-bottom: 7em;
 }
+code, pre {
+    font-family: monospace;
+    background: @background_halftone;
+    font-size: @font_size;
+}
 pre {
     border-radius: 3px;
     padding: 0.5em;
     border: 1px dotted @foreground_halftone;
-background: @background_halftone;
 }
 *:focus {
     outline: 0px none transparent;