#content a, .nav-link {
  color: #dc3545;
  text-decoration: none; }
  #content a *, .nav-link * {
    color: #dc3545; }
  #content a:hover, .nav-link:hover {
    color: #dc3545;
    text-decoration: underline; }

#footer a, .navbar-brand {
  color: #222222;
  text-decoration: none; }
  #footer a *, .navbar-brand * {
    color: #222222; }
  #footer a:hover, .navbar-brand:hover {
    color: #222222;
    text-decoration: underline; }

#content table td, #content table th {
  border: 1px solid #cccccc;
  padding: 6px 12px;
  text-align: left; }

* {
  color: #222222;
  font-family: Inconsolata;
  line-height: 1.2; }

.container {
  max-width: 750px; }

.navbar-brand {
  font-size: 2rem; }

#content p {
  margin-bottom: 0.6rem; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  font-size: medium;
  font-weight: bold;
  margin: 1rem 0 0.6rem 0; }

#content h1 {
  font-size: 1.8rem; }

#content h2 {
  font-size: 1.6rem; }

#content h3 {
  font-size: 1.4rem; }

#content h4 {
  font-size: 1.2rem; }

#content img {
  display: block;
  margin: 1rem auto;
  max-width: 100%; }

#content .avatar > img {
  border-radius: 50%;
  float: right;
  margin: -8px 0 0 16px;
  height: 90px;
  width: 90px; }

#content ol {
  counter-reset: list;
  list-style: none;
  padding-left: 2rem; }
  #content ol > li:before {
    content: "[" counter(list, decimal) "] ";
    counter-increment: list; }

#content .container > ol, #content .footnotes > ol {
  padding-left: 0; }

#content ul {
  list-style: inside;
  padding-left: 2rem; }

#content .container > ul, #content .footnotes > ul {
  padding-left: 0; }

#content table {
  margin: 1rem auto;
  width: 100%; }
  #content table th {
    font-weight: bold; }
  #content table tr:nth-child(2n) {
    background-color: #f8f8f8; }

#content blockquote {
  border-left: 4px solid;
  font-style: italic;
  margin: 1rem 0;
  padding: 8px 8px; }

#content code {
  color: #222222;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  border-radius: 10%;
  padding: 0px 4px;
  font-family: Inconsolata !important; }

#content pre code {
  all: unset;
  font-size: 110%; }

#content .highlight {
  margin: 1rem auto; }
  #content .highlight > pre {
    padding: 8px 8px; }
