markdown.css

/* Typography */
body {
    font-family: 'JetBrains Mono', Monaco, 'Courier New', Courier, monospace;
    background-color: #1a1b26;
    color: #e7ecf8;
    line-height: 1.6;
    margin: 0;
    padding: 2em;
  }
  
  h1, h2, h3 {
    font-family: 'JetBrains Mono', Monaco, 'Courier New', Courier, monospace;
    color: #db4662;
    margin-bottom: 0.5em;
  }
  
  h1 {
    font-size: 2.5em;
  }
  
  h2 {
    font-size: 2em;
  }
  
  h3 {
    font-size: 1.5em;
  }
  
/* Link styles */
a {
  color: #78ad3e; /* Link color */
  text-decoration: none; /* No underline by default */
  transition: color 0.3s ease; /* Smooth hover transition */
}

a:hover {
  color: #638d36; /* Change color on hover */
  text-decoration: none; /* No underline by default */
}
  
  /* Lists */
  ul, ol {
    padding-left: 20px;
    list-style: none;
  }
  
  ul li::before {
    content: '•';
    color: #f68f53;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
  }
  
  /* Inline Code and Preformatted Blocks */
  code {
    font-family: 'JetBrains Mono', Monaco, 'Courier New', Courier, monospace;
    background: #1a1b26;
    color: #ab85f2;
    padding: 2px 4px;
    border-radius: 3px;
  }
  
  pre {
    background: #1a1b26;
    color: #55bfd1;
    padding: 1em;
    border-radius: 5px;
    overflow-x: auto;
  }
  
  /* General Layout */
  #markdown-content {
    max-width: 800px;
    margin: 0 auto;
  }