.markdown-content {
  box-sizing: border-box;
  overflow-wrap: break-word;
  align-items: center;
  text-align: left;
  padding-left: 100px;
}

h1 {
  text-align: center;
}

pre {
  overflow-x: auto;
  background-color: #f5f5f5;
  padding: 1rem;
  border-radius: 8px;
  max-width: 100%;
}

code {
  white-space: pre;
}

h1 img, h2 img, h3 img, h4 img {
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.markdown-content p img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  height: auto;
}


@media (max-width: 1450px) {
  .markdown-content img {
    margin-left: 0%;
    max-width: 600px;
  }
  .markdown-content {
    padding-left: 6%;
  }
}