:root {
  --link-color: #10bd00;
  --link-hover-color: #2ecc40;
  --title-color: #3333337c;
}

h1 {
  font-size: 2.25rem;
  margin-block: 1rem;
}
h1::before {
  content: "# ";
  color: var(--title-color);
  font-weight: bold;
}

h2 {
  font-size: 1.75rem;
  margin-block: 1rem;
}
h2::before {
  content: "## ";
  color: var(--title-color);
  font-weight: bold;
}

h3 {
  font-size: 1.5rem;
  margin-block: 1rem;
}
h3::before {
  content: "### ";
  color: var(--title-color);
  font-weight: bold;
}

.markdown-body {
  min-height: 100%;
  line-height: 1.45;
  margin: 6rem auto 1rem;
  padding: 0.25rem;
}

pre {
  background-color: #fafafa;
  border-radius: 0.25rem;
  overflow-x: auto;
  padding: 1rem;
  margin-block: 1rem;
}
code {
  background-color: #e3e3e3;
  border-radius: 0.25rem;
  padding: 0.25rem;
}
.language-dockerfile,
.language-nginx,
.language-Dockerfile {
  background-color: #fafafa;
}
.markdown-body a {
  color: var(--link-color);
  text-decoration: none;
}
.markdown-body a:hover {
  color: var(--link-hover-color);
}
.markdown-body ol {
  list-style-type: decimal;
  margin-block: 1rem;
  padding-inline-start: 1rem;
}
.markdown-body ul {
  list-style-type: disc;
  margin-block: 1rem;
  padding-inline-start: 1rem;
}

blockquote {
  border-left: 3px solid var(--link-color);
  padding-left: 1rem;
}

.date {
  color: #666;
  font-size: 0.875rem;
  margin-block: 1rem;
}

.flag {
  color: var(--link-color);
  font-weight: bold;
}