:root {
  --maincolor: #8da101;
  --callouctcolor: #3a94c5;
  --hovercolor: #8da101;

  --color-primary: #8da101;
  --color-primary-hover: #8da101;
  --color-border: #8da101;
  --color-callout: #1e90ff;
  --color-text: #232333;
  --color-text-muted: #737373;
  --color-text-meta: #999999;
  --color-background: #fdf6e3;
  --color-background-code: #E6E2CC;
  --color-background-pre: #E6E2CC;
  --color-background-toc: #E6E2CC;
  --color-background-draft: #E6E2CC;

}

a:hover,
.soc:hover {
  outline: none;
}

.soc:hover {
  color: var(--color-background);
}

p {
  margin-block: 1.2rem;
}

.divider {
  margin-top: 1rem;
  border-top: 0.4rem dotted var(--color-border, #663399);
}

.subtitle {
  border-left: 3px solid var(--color-border, #663399);
  font-size: 1rem;
  padding-left: 1em;
}

.pagination {
  text-align: right;
  padding-right: 1em;
  margin-top: 2em;
}

.page-item {
  padding: 0 0.5em;
}

img {
  max-width: 60%;
  max-height: 60vh;
  margin-left: 30%;
}