.md h1, 
.md h2,
.md h3{
  font-family: JetBrainsMono;
  color: var(--bright-main);
  font-weight: 900;
}

.md h1::before, 
.md h2::before,
.md h3::before{
  font-weight: 100;
  color: var(--bright-third);
}

.md h1::before{
  content: "# ";
}

.md h2::before{
  content: "## ";
}

.md h3::before{
  content: "### ";
}

.md h1 {
  font-size: 28px;
  margin-top: 40px;
}

.md h2 {
  font-size: 23px;
  margin-top: 30px;
}

.md h3 {
  font-size: 18px;
  margin-top: 20px;
}

.md p {
  font-size: 18px;
  color: var(--bright-second);
  line-height: 26px;
  letter-spacing: .01em;
  margin-top: 10px;
}

.md strong {
  font-weight: 900;
  color: var(--bright-main);
}

.md a {
  color: var(--bright-second);
  text-decoration-thickness: .01px;
}

.md b {
  color: var(--bright-main);
}

.md ul, .md ol {
  list-style-position: inside;
  font-size: 18px;
  color: var(--bright-second);
  margin: 10px 0px 10px 0px;
}

.md code {
  font-family: JetBrainsMono; 
  background: var(--dark-third);
  color: var(--bright-main);
  border-radius: 5px;
  font-size: 17px;
}

.md pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: JetBrainsMono;
  word-wrap: normal;
  margin-bottom: 16px;
  margin-top: 16px;
  padding: 16px;
  overflow: auto;
  line-height: 1.45;
  color: var(--bright-main);
  background-color: var(--dark-third);
  border-radius: 6px;
  font-size: 14px;
}

.md table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: max-content;
  max-width: 100%;
  overflow: auto;
  margin: 16px 0px 16px 0px;
}

.md table th{
  font-weight: 900;
  font-size: 20px;
}

.md table th,
.md table td{
  font-size: 20px;
  padding: 6px 13px;
  background: var(--dark-second);
  border: 1px solid var(--bright-second);
}

.md table tr {
  background-color: var(--dark-main);
  border-top: 1px solid var(--bright-second);
}

.md a:hover {
  color: var(--bright-main);
}

.md li {
  line-height: 30px;
}

.md .red {
  color: var(--red);
}

.md .green {
  color: var(--green);
}

.md .blue {
  color: var(--blue);
}

.md blockquote {
  margin: 0;
  border-left: .25em solid var(--bright-third);
  background: var(--dark-second);
  border-radius: 6px;
  padding: 20px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.md blockquote>:first-child {
  margin-top: 0;
}

.md blockquote>:last-child {
  margin-bottom: 0;
}
