refactor(markdown): improve styling

Signed-off-by: SphericalKat <amolele@gmail.com>

assets/css/app.css

@@ -19,6 +19,39 @@
   font-weight: bold;
 }
 
+@layer base {
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  h2 {
+    font-size: 1.5em;
+    font-weight: bold;
+  }
+  h3 {
+    font-size: 1.17em;
+    font-weight: bold;
+  }
+  h4 {
+    font-weight: bold;
+  }
+  h5 {
+    font-size: 0.83em;
+    font-weight: bold;
+  }
+  h6 {
+    font-size: 0.67em;
+    font-weight: bold;
+  } 
+  h1, h2, h3 {
+    margin-top: 20px;
+    margin-bottom:10px
+  }
+  img {
+    display: inline;
+  }
+}
+
 html,
 body {
   width: 100%;

assets/css/markdown.css

@@ -160,8 +160,20 @@ ul {
 .markdown code.inline {
   font-family: "JetBrains Mono", monospace;
   background-color: rgb(240 246 252 / 15%);
-  border-radius: 6px;
-  font-size: 85%;
+	font-weight: bold;
+  border-radius: 4px;
+  font-size: 80%;
   margin: 0;
-  padding: 0.2em 0.4em;
+  padding: 0.1em 0.4em;
 }
+
+.markdown ul {
+	list-style: disc;
+}
+.markdown ol {
+	list-style: decimal;
+}
+.markdown ul, ol {
+	padding: 0;
+	margin-left: 40px;
+}