Updating JetBrainsMono font and making md headers easier to read

public/md.css

@@ -1,11 +1,30 @@
 .md h1, 
 .md h2,
 .md h3{
+  font-family: JetBrainsMono;
   color: var(--bright-main);
-  margin: 20px 0px 5px 0px;
+  margin: 30px 0px 10px 0px;
   font-weight: 900;
 }
 
+.md h1::before, 
+.md h2::before,
+.md h3::before{
+  color: var(--bright-third);
+}
+
+.md h1::before{
+  content: "# ";
+}
+
+.md h2::before{
+  content: "## ";
+}
+
+.md h3::before{
+  content: "### ";
+}
+
 .md h1 {
   font-size: 30px;
 }
@@ -92,7 +111,7 @@
   border: 1px solid var(--bright-second);
 }
 
-.markdown-body table tr {
+.md table tr {
   background-color: var(--dark-second);
   border-top: 1px solid var(--bright-second);
 }
@@ -100,3 +119,7 @@
 .md a:hover {
   color: var(--bright-main);
 }
+
+.md li {
+  line-height: 30px;
+}

public/style.css

@@ -6,6 +6,7 @@
   --dark-third: #151515;
   --bright-main: white;
   --bright-second: #DFDFDF;
+  --bright-third: #777777;
 }
 
 ::selection {