/* css styles */

@import url('https://fonts.googleapis.com/css?family=Lato');

.distill-site-nav {
  color: rgba(255, 255, 255, 0.8);
  background-color: #131d00;
  font-size: 15px;
  font-weight: 300;
  font-family: Lato;
}

.distill-site-nav a {
  color: inherit;
  text-decoration: none;
}

.distill-site-nav a:hover {
  color: white;
}

.distill-site-header {
}

.distill-site-footer {
}

@media print {
  .distill-site-nav {
    display: none;
  }
}

p {
    font-family: Lato;
}

h1 {
    font-family: Lato;
}

h2 {
    font-family: Lato;
}

h3 {
    font-family: Lato;
}

d-appendix .citation-appendix, .d-appendix .citation-appendix {
    font-size: 11px;
    line-height: 15px;
    border-left: 1px solid rgb(37, 5, 5);
    padding-left: 18px;
    border: 1px dotted rgba(0, 0, 0, 0.8);
    background: rgba(0, 0, 0, 0);
    padding: 10px 18px;
    border-radius: 3px;
    color: rgb(100, 100, 100);
    overflow: hidden;
    margin-top: -12px;
    font-family: Lato;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.token.function {
    color: #24b6bf;
}

code {
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  padding: 4px 7px;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
}

pre code {
  display: block;
  border-left: 2px solid rgba(0, 0, 0, .1);
  padding: 0 0 0 36px;
}

d-code.code[class*="language-"], pre[class*="language-"] {
  color: white;
	background: #131d00;
	text-shadow: none;
	font-family: Lato;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
  text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {
  text-shadow: none;
	background: #b3d4fc;
}

@media print {
code[class*="language-"], pre[class*="language-"] {
  text-shadow: none;
}

}

pre[class*="language-"] {
  padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"], pre[class*="language-"] {
  background: #f5f2f0;
}

:not(pre) > code[class*="language-"] {
  padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #999;
}

.namespace {
  opacity: .7;
}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
  color: #905;
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
  color: #690;
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
  color: #a67f59;
	background: hsla(0, 0%, 100%, .5);
}

.token.atrule, .token.attr-value, .token.keyword {
  color: #07a;
}

.token.function {
  color: #DD4A68;
}

.token.regex, .token.important, .token.variable {
  color: #e90;
}

.token.important, .token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}
