blockquote {
    border-left: 5px solid #00ff33 !important;
    background-color: rgba(12, 12, 12, 0.04) !important;
    padding: 8px 0px 8px 24px !important;
    margin: 1.8em 0 1.8em 0px !important;
    display: block !important;
    width: 52% !important;
}

blockquote p {
    width: 95%;
    font-style: italic !important;
}

pre > code {
  font-family: "SF Mono", Monaco, Menlo, Consolas, monospace !important;
  font-size: 1rem;
  margin-left: 2.5%;
  white-space: pre-wrap; 
  word-wrap: break-word; 
  display: block;
  width: 95%;

}

pre code {
  color: #00ff33 !important;
}


div.sourceCode, pre:not(.sourceCode) {
  background: #0c0c0c !important;
  font-weight: normal !important;
  font-style: normal !important;
  text-decoration: none !important;
}

pre {
  border-radius: 9px !important;
}

div.sourceCode, pre:not(.sourceCode) {
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
}

@media (max-width: 760px) {
  div.sourceCode,
  pre:not(.sourceCode) {
    padding: 1.4rem 4vw;
    margin: -0.0rem -1vw;
    width: 95%;

  }
  .fullwidth {
    max-width: 100%;
  }

  blockquote {
    width: 95% !important;
  }
  article > p, article > li, article > footer, article > table {
    width: 95%;
}
}