.md h1, 
.md h2,
.md h3{
  font-family: JetBrainsMono;
  color: var(--bright-main);
  margin: 30px 0px 0px 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;
}

.md h2 {
  font-size: 25px;
}

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

.md p {
  font-size: 20px;
  color: var(--bright-second);
  line-height: 28px;
  letter-spacing: .01em;
}

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

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

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

.md ul, .md ol {
  list-style-position: inside;
  font-size: 20px;
  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: 19px;
}

.md pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: JetBrainsMono;
  font-size: 12px;
  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;
}

.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;
  border: 1px solid var(--bright-second);
}

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

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

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