Update main.css

Author: chaimburstein

arise-source/config/main.css

@@ -1,18 +1,18 @@
 /*** Core page styles to set the primary colours and styles to be inherited by everything else ***/
 
 /* Core Styling */
-html * {
-        font-family:sans-serif;
-}
-body{
-        margin:40px auto;
-        max-width:650px;
-        line-height:1.6;
-        font-size:18px;
-        color:#000000;
-        background-color:#ffffff;
-        padding:0 10px;
+html {
+    font-size: 100%;  
+}
+
+body {margin: 5% auto;  
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 
+    font-size: 1rem; 
+    line-height: 1.8; 
+    text-shadow: 0 1px 0 #ffffff; 
+    max-width: 75%;
 }
+
 /********************************/
 /********************************/
 
@@ -23,32 +23,19 @@ img {
     max-height: 100%;
     margin-top:20px;
     margin-bottom:20px;
-    border-radius:16px;
+    border-radius:10px;
     margin-left: auto;
     margin-right: auto;
     display: block;
 }
 
-code {
-        background-color:#f5f5f5;
-        border-radius:16px;
-        padding-left:30px;
-        padding-right:30px;
-        line-height:2em;
-        padding-top:1px;
-        padding-bottom:1px;
-        color:#444444;
-        font-family:monospace;
-}
-
-pre {
-        overflow-x: auto;
-        white-space: pre-wrap;
-        white-space: -moz-pre-wrap;
-        white-space: -pre-wrap;
-        white-space: -o-pre-wrap;
-        word-wrap: break-word;
-}
+pre, code {
+    background-color: lightgrey;
+    padding: 0.25rem5 0.5rem;
+    border-radius: 0.25rem; 
+    font-family: monospace; 
+    font-size: 1rem;
+  }
 
 blockquote {
         border-left:1px solid #000000;