move around some styles

_src/files/styles/main.sass

@@ -0,0 +1,15 @@
+@tailwind base
+@tailwind components
+@tailwind utilities
+
+@import './markdown'
+
+// .ccontainer
+//     max-width: 600px
+//     margin: 0 auto
+
+.margin-even
+    margin: 1rem 0
+
+.margin-none
+    margin: 0

_src/files/styles/markdown.sass

@@ -0,0 +1,72 @@
+a.content_link
+    color: black
+    transition: color 0.1s, background-color 0.1s
+    background-color: rgb(206, 150, 45)
+    text-decoration: none
+    border-radius: 4px
+    padding: 0.01rem 0.5rem
+    margin: 0 0.3rem
+    line-height: 1.7
+    white-space: nowrap
+
+a.content_link:hover
+    color: rgb(255, 200, 99)
+    background-color: rgba(152, 109, 29, 0.506)
+
+a img 
+    border: none
+
+h2,
+h3,
+h4,
+h5,
+h6
+    line-height: 1.25
+    margin: 1.5rem 0 1rem
+
+h1
+    // font-family: Playfair, serif;
+    font-weight: 900
+    font-size: 5em
+    font-feature-settings: "lnum" 1
+    font-variation-settings: "opsz" 35
+    line-height: 1
+    margin: 1.5rem 0 1rem
+
+h2
+    // font-family: Playfair, serif;
+    font-weight: 900
+    font-size: 2.5em
+    font-feature-settings: "lnum" 1
+    font-variation-settings: "opsz" 20
+
+h3
+    font-weight: 700
+    font-size: 1.5em
+
+h4
+    font-weight: 600
+    font-size: 1em
+
+h5
+    font-weight: 600
+    font-size: 0.875em
+
+h6
+    font-weight: 600
+    font-size: 0.85em
+
+p
+    margin: 0 0 16px
+
+code
+    font-family: "IBM Plex Mono", monospace
+
+li,
+ul
+    margin-bottom: 0.25rem
+
+.markdown-emoji
+    width: 1.5em
+    height: 1.5em
+    display: inline