/* Akai theme (pandoc HTML5 template)
 * designer:     soimort
 * last updated: 2016-12-24
 * last adapted: 2018-10-21
 */

/* General */

body {
  font-family: /* font stack (normal) */
  'URW Palladio L', 'Palladio URW', 'TeX Gyre Pagella',
  Palatino, 'Palatino Linotype', 'Book Antiqua', serif,
  'HanaMinA', 'Adobe Song Std', 'Source Han Sans',
  'WenQuanYi Micro Hei', 'WenQuanYi Zen Hei',
  'Meiryo', 'Microsoft JhengHei', 'Microsoft YaHei';

  font-size: 16px;
  cursor: default;
  overflow-x: hidden;
  background-color: ivory; /* $B */
  color: black; /* $T */

  background-attachment: fixed;
  background-image: url('https://i0.wp.com/dl.dropboxusercontent.com/s/50afdegagdzeub6/background_coffeestain.png');
  background-position: right bottom;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) {
  body {
    background-image: none;
  }
}

a {
  text-decoration: none;
  color: firebrick; /* $F */
}

code, kbd {
  font-family: /* font stack (monospaced) */
  'Inconsolata', Consolas, 'Ubuntu Mono',
  'Latin Modern Mono', 'Anonymous Pro', 'FreeMono', monospace;

}
kbd {
  margin: 1px;
  padding: 4px 8px;
  border-radius: 6px;
  box-shadow: 2px 2px 2px dimgray;
  background-color: black; /* $T */
  color: ivory; /* $B */
}

table {
  border-collapse: collapse;
  margin: 1em;
}
table, th, td {
  border: 1px solid gray;
  padding: .5em;
}



/* Pseudo element: selection */

::selection {
  background-color: firebrick; /* $F */
  color: ivory; /* $B */
}
::-moz-selection {
  background-color: firebrick; /* $F */
  color: ivory; /* $B */
}

::selection:window-inactive {
  background-color: gainsboro; /* $G */
}

/* Pseudo element: scrollbar (WebKit-only) */

::-webkit-scrollbar {
  width: 32px;
  height: 32px;
  background-color: ivory; /* $B */
}

::-webkit-scrollbar-track {
  background-color: ivory; /* $B */
}

::-webkit-scrollbar-thumb {
  min-height: 64px;
  border-radius: 32px;
  border-style: solid;
  border-width: 12px;
  border-color: ivory; /* $B */
  background-color: firebrick; /* $F */
}

::-webkit-scrollbar-thumb:window-inactive {
  background-color: gainsboro; /* $G */
}



/* Contents (single column layout) */

article {
  position: absolute;
  width: 50%;
  left: 20%;
  padding: 5% 5% 0 5%;
  font-size: 15px; /* use minor fonts! */
  line-height: 1.5em; /* optimize for readability */
}

header {
  text-align: center;
  font-variant: small-caps;
}

header .title {
  line-height: 1.25em;
}

header .subtitle {
  font-size: 1.125em;
  font-style: normal;
}

header address.author {
  margin-top: 2em;
  font-style: normal;
}

header .date {
  font-size: .75em;
  font-variant: normal;
  font-weight: normal;
}

div#content {
  padding-top: 1em;
}

section h1, section h2, section h3,
section h4, section h5, section h6 {
  padding-top: 2em;
  text-align: center;
}

section.footnotes {
  font-size: .85em;
}

figure {
  margin: 1em 0;
  text-align: center;
}
img {
  border-radius: 8px;
}
figcaption {
  font-size: .85em;
}

hr {
  width: 61.8%;
  height: 1px;
  border: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(178, 34, 34, 0.5), rgba(0, 0, 0, 0));
}



/* Footer */

footer {
  padding: .5em;
  text-align: right;
  font-size: .8em;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: firebrick; /* $F */
}

footer a {
  text-decoration: none;
  font-weight: bold;
}

/* (www.soimort.org) last updated: 2017-03-23 */

aside#soimort-toolbar {
  margin: 7.5%;
  text-align: center;
}

aside#soimort-toolbar a {
  padding: 8px;
  border-radius: 4px;
  transition: .5s;
}
aside#soimort-toolbar a:hover {
  background-color: firebrick; /* $F */
  color: ivory; /* $B */
}



@media (max-width: 1023px), (orientation: portrait) {
  article {
    position: absolute;
    width: 80%;
    left: 5%;
    padding: 5%;
  }
}