@import url("screen.css"); /* default gitit screen styles */
@import url("highlighting.css"); /* for syntax highlighting */

/* Put your custom style modifications here: */

/* Background */
body {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Interface font */
body,
#content form,
#content .alert,
#content .badge,
#content .breadcrumb,
#content .card,
#content .list-group {
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
}

/* Document font */
#content,
#previewpane {
  font-family: "Noto Sans", sans-serif;
  font-weight: 300;
}

/* Emphasis font */
#content strong {
  font-weight: 600;
}

/* External link icon */
#content a i.external-link {
  margin-left: 0.2rem;
  margin-right: 0.05rem;
}

/* Monospace font */
#content code,
#content kbd,
#content pre,
#content samp,
#content textarea,
#content var {
  font-family: "Noto Sans Mono", monospace;
}

/* Heading */
#content h1:not(.pageTitle),
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  border-bottom: 1px solid rgb(0, 0, 0, 0.125);
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  padding-bottom: 0.25rem;
}

/* Blockquote */
#content blockquote {
  border-left: 0.25rem solid rgb(0, 0, 0, 0.125);
  margin-left: 1rem;
  padding-left: 1rem;
}

/* Code */
#content code,
#content kbd,
#content pre,
#content samp,
#content var {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 0.25rem;
  padding: 0.125rem 0.25rem;
}

/* Code (in block) */
#content pre code,
#content pre kbd,
#content pre pre,
#content pre samp,
#content pre var {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
}

/* Table */
#content table {
  margin: 1rem 0;
}

/* Table cell */
#content td,
#content th {
  padding: 0.125rem 0.25rem;
}

/* Table of contents */
#TOC ul {
  list-style-type: decimal;
}

/* Table of contents (preview) */
#previewpane #TOC {
  display: none;
}