html {
  font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  color: #2d3748;
  background: #fdfcfc;
  word-wrap: break-word;
}


body {
  padding-right: 3.5vw;
  margin-left: auto;
  margin-right: auto;
  max-width: 42rem;
  padding: 2.625rem 1.3125rem;
  padding-top: 0;
}
#title .ablack::before {
content: "$ ";
}
#title .ablack {
text-decoration:none;
}
img,
video {
  max-width: 100%;
  height: auto;
}
code {
  word-wrap: break-word;
}
@media (prefers-color-scheme: dark) {
  html {
    background-color: #1d1f21;
    color: #e0e0e0;
  }
 h1, h2, h3, h4, h5, h6{
color: #366d9b
}
  a,
  a:visited,
  a:hover {
    color: #366d9b;
  }
#title .ablack {
color: #00cc00;
}
}