/* Style our md blog posts */
.markdown {
  /* Reset */
  /* Base styles */
  font-size: 18px;
}
.markdown * {
  margin: 0;
  padding: 0;
  line-height: 1.6;
}
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
  margin-top: 4rem;
  margin-bottom: 1rem;
}
.markdown li {
  margin-left: 2rem;
}
.markdown ul,
.markdown ol {
  margin-bottom: 1rem;
}
.markdown pre {
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
  overflow: auto;
}
.markdown pre code {
  overflow-wrap: normal;
  word-wrap: normal;
  white-space: pre;
}
.markdown p {
  margin-bottom: 1.4rem;
}
.markdown pre {
  width: 75vw;
}
.markdown .blog-body {
  max-width: 800px;
}

.admonition {
  border: 1px solid #d2d6dd;
  padding-top: 0px;
  padding-bottom: 15px;
  padding-inline: 20px;
  width: 75vw;
}
.admonition > legend {
  padding-left: 5px;
  padding-right: 5px;
}
.admonition.danger {
  border: 2px solid #ff5151;
}
.admonition.danger > legend {
  font-size: 20px;
  color: #ff5151;
}
.admonition.info {
  border: 2px solid #245eff;
}
.admonition.info > legend {
  font-size: 20px;
  color: #245eff;
}