Add some css

.gitignore

@@ -0,0 +1 @@
+*.html

README.md

@@ -1,3 +1,9 @@
 # markdown-css
 
 Use `<link href="/home/marc/GitProjects/markdown-css/markdown.css" rel="stylesheet"></link>` on top of the markdown document  
+
+Conversion with `pandoc -t html5 --metadata title="<title>" <file>.md -o <file>.pdf`
+
+To test the html output:  
+`pandoc <file>.md -o <file>.html`  
+

markdown.css

@@ -1,26 +1,62 @@
 html {
-    font-family: 'Fira Sans'
+    font-family: 'Fira Sans';
+    font-size: 1.2rem;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-weight: bold;
+    margin-top: 0.5em;
+    margin-bottom: 0.4em;
 }
 
 h1 {
-    font-weight: bold;
-    border-bottom: 2px solid black;
-    text-align: center;
-    color: #bd93f9
+    border-bottom: 3px solid #444;
+    text-align:  center;
+    font-size: 2.8em;
+    font-weight: bolder;
 }
 
-h2,h3,h4,h5,h6 {
-    font-weight: bold;
-    padding-bottom: 2px;
-    border-bottom: 1px solid darkgray;
-    color: #6272a4
+h2 {
+    border-bottom: 2px solid #555;
+    font-size: 2.3em;
+}
+
+h3 {
+    border-bottom: 1px solid #666;
+    font-size: 1.9em;
+}
+
+h4 {
+    border-bottom: 1px dashed #777;
+    font-size: 1.6em;
+}
+
+h5 {
+    border-bottom: 1px dashed #888;
+    font-size: 1.3em;
+    font-style: italic;
+}
+
+h6 {
+    font-size: 1.1em;
+    font-style: italic;
 }
 
 code {
-    color: #9806bd !important;
-    font-family: 'Fira Code'
+    font-family: 'Fira Code';
 }
 
+blockquote {
+    border-left: 5px solid #555;
+    padding-top:  1px;
+    padding-bottom:  1px;
+    padding-left:  1em;
+    margin-left: 0.3em;
+    font-style:  italic;
+}
+
+/*
 a {
     font-style: italic
 }
+*/

samplefile.md

@@ -1,10 +1,35 @@
 <link href="/home/marc/GitProjects/markdown-css/markdown.css" rel="stylesheet"></link>
 
 # Header 1
+Sampletext  
+Second independent line  
+
+Longer paragraph with a lot to say, I mean it does have to say enough to get broken to the next line. Hopefully this is enough now or I'll have to add even more and longer text to this one.  
 
 ## Header 2
+Sampletext  
 
 ### Header 3
+Sampletext  
 
 #### Header 4
+Sampletext  
+
+##### Header 5
+Sampletext  
+
+###### Header 6
+Sampletext  
+
+`single line code`  
+
+```
+multi line code block
+line two
+```
+
+> Quote of something  
+
+[sample link](https://wiki.exu.li)  
+