#content a,
.nav-link {
  color:#87531D;
  /* D58936; */
  text-decoration:none
}
#content a:hover,
.nav-link:hover {
  color:#87531D;
  /* D58936; */
  text-decoration:underline
}
#footer a,
.navbar-brand {
  color:inherit;
  text-decoration:none
}
#footer a:hover,
.navbar-brand:hover {
  color:inherit;
  text-decoration:underline
}
#content table tr th,
#content table tr td {
  border:1px solid #ccc;
  padding:6px 12px;
  text-align:left
}
* {
  /* font-family:Quicksand; */
  /* inconsolata; */
  /* line-height:normal */
}
.container {
  max-width:750px;
  text-align:justify;
  text-justify:inter-word
}
.navbar-brand {
  font-size:2rem
}
#content blockquote {
  border-left:4px solid;
  font-style:italic;
  margin:0 0;
  padding:8px
}
#content blockquote p {
  margin:0
}
#content code {
  color:#28a745
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  font-size:medium;
  font-weight:700;
  line-height:normal;
  margin:1.2rem 0 .8rem
}
#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:0 auto
}
#content div>ol {
  padding-left:0
}
#content ol {
  counter-reset:list;
  list-style:none
}
#content ol>li {
  margin:4px 0
}
#content ol>li:before {
  content:"[" counter(list,decimal)"] ";
  counter-increment:list
}
#content pre code {
  color:inherit
}
#content div>ul {
  padding-left:0
}
#content ul {
  list-style:inside
}
#content ul>li {
  margin:4px 0
}
#content table {
  margin:0 auto;
  width:100%
}
#content table tr {
  background-color:#fff;
  border:1px solid #ccc
}
#content table tr th {
  font-weight:700
}
#content table tr:nth-child(2n) {
  background-color:#f8f8f8
}
#content .highlight {
  margin:0 auto
}
#content .highlight>pre {
  padding:8px
}
.avatar {
  border-radius:50%;
  float:right;
  margin:-8px 0 0 16px;
  height:90px;
  width:90px
}
code.has-jax {
  -webkit-font-smoothing:antialiased;
  background:inherit!important;
  border:none!important;
  font-size:100%
}
.contact .github {
  background-image:url(/logos/github.svg)
}
.contact .email {
  background-image:url(/logos/email.svg)
}
.contact .twitter {
  background-image:url(/logos/twitter.svg)
}
.contact .linkedin {
  background-image:url(/logos/linkedin.svg)
}
.contact .google-scholar {
  background-image:url(/logos/google-scholar.svg)
}
.contact .orcid {
  background-image:url(/logos/orcid.svg)
}
.contact .researchgate {
  background-image:url(/logos/researchgate.svg)
}
.contact .semanticscholar {
  background-image:url(/logos/semanticscholar.svg)
}
.contact .mastodon {
  background-image:url(/logos/mastodon.svg)
}
.contact {
  line-height:35px;
  display:inline-block;
  vertical-align:middle;
  background-repeat:no-repeat;
  background-size:30px 30px;
  background-position:0;
  padding-left:40px
}
.contact a {
  display:block
}
.contact-sep {
  width:100%;
  height:1px
}
.modal {
  display:none;
  position:fixed;
  z-index:1;
  left:0;
  top:0;
  overflow:auto;
  background-color:#000;
  background-color:rgba(0,0,0,.4);
  margin:0;
  padding:0;
  align-items:center;
  justify-content:center
}
.modal-content {
  display:flex;
  width:100%;
  max-width:750px;
  background-color:#272822
}
.bibtex {
  margin-left:20px;
  margin-right:20px;
  margin-bottom:20px
}
.bibtex pre,
.bibtex code {
  white-space:pre;
  color:#fff;
  margin-bottom:-10px
}
.close-button {
  border:0;
  padding:0;
  margin-top:5px;
  margin-bottom:5px;
  margin-right:5px;
  margin-left:auto;
  border-radius:50%;
  width:30px;
  height:30px;
  display:flex;
  flex-flow:column nowrap;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  transition:all 150ms;
  background-color:gray
}
.close-button .icon-cross {
  margin:0;
  padding:0;
  border:0;
  background:0 0;
  position:relative;
  width:15px;
  height:15px
}
.close-button .icon-cross:before,
.close-button .icon-cross:after {
  content:'';
  position:absolute;
  top:6.5px;
  left:0;
  right:0;
  height:2px;
  background:#fff;
  border-radius:2px
}
.close-button .icon-cross:before {
  transform:rotate(45deg)
}
.close-button .icon-cross:after {
  transform:rotate(-45deg)
}
.close-button .icon-cross span {
  display:block
}
.close-button:hover,
.close-button:focus {
  transform:rotateZ(90deg);
  background-color: #87531D;
  /* D58936; */
}