@import url('https://fonts.googleapis.com/css2?family=Sen:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inconsolata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rouge+Script&display=swap');

/* Variables */

:root {
   --bg-color:  #fff;
   --text-color: #333;
   --md-char-color: #aaa;
   --meta-content-color: #aaa;

   --primary-color: #317873; /* Myrtle green */
   --medium-color: #3b918b;
   --light-color: #c9e9e7;
   --primary-btn-border-color: #555;
   --primary-btn-text-color: #555;

   --active-file-bg-color: #eee;
   --active-file-text-color: inherit;
   --active-file-border-color: #ccc;

   --side-bar-bg-color: #fafafa;
   --border-color: #ccc;
   --window-border: 1px solid #fff;

   --item-hover-bg-color: rgba(229, 229, 229, 0.59);
   --item-hover-text-color: #555;

   --font-family: 'Sen';
   --handwriting-font-family: 'Rouge Script';
   --code-font-family: 'Inconsolata';
   --monospace: 'Inconsolata', monospace;
}

/* General */

.book, .book-body, .book .book-header, .book .book-summary, .book.font-size-2 .book-body .page-inner section {
  background-color: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-family), sans-serif;
  font-size: 18px;
}

/* TOC */

.book .book-summary ul.summary li a, .book .book-summary ul.summary li span {
  padding: 10px 0px 0px 10px;
  font-size: 16px;
}

/* Headings */

.book .book-body .page-wrapper .page-inner section.normal h1 {
  font-size: 4em; margin-left: 0px; font-weight: 400; text-align: center; font-family: var(--handwriting-font-family);}
.book .book-body .page-wrapper .page-inner section.normal h2 {
  font-size: 1.4em; margin-left: 0px; font-weight: 300}
.book .book-body .page-wrapper .page-inner section.normal h3 {
  ont-size: 1.3em; margin-left: 0px; font-weight: 300}
.book .book-body .page-wrapper .page-inner section.normal h4 {
  font-size: 1.2em; margin-left: 0px; font-weight: 300; }
.book .book-body .page-wrapper .page-inner section.normal h5 {
  font-size: 1.1em; margin-left: 0px; font-weight: 300; text-align: center;}
.book .book-body .page-wrapper .page-inner section.normalh6 {
  font-size: 1.0em; margin-left: 0px; font-weight: 300; text-align: right;}

/* Captions */

p.caption {
  text-align: center;
}

/* Blockquote */

blockquote {
  border-left: 4px solid var(--border-color);
  padding: 0 15px;
  color: var(--active-file-text-color);
}

blockquote blockquote {
  padding-right: 0;
}

/* Code */

.book .book-body .page-wrapper .page-inner section.normal pre {
  padding: 2px 4px;
  font-size: .9em;
  font-family: var(--code-font-family), monospace;
  background-color: var(--side-bar-bg-color);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  color: var(--text-color);
}

.book .book-body .page-wrapper .page-inner section.normal code {
  padding: 1px 2px;
  border-radius: 4px;
}


/* Other text */

.book .book-summary ul.summary li a:hover, .book .book-summary ul.summary li.active>a, .book .book-body .page-wrapper .page-inner section.normal a {
    color: var(--medium-color);
}

.book .book-body .page-wrapper .page-inner section.normal mark { /* Highlighted text */
  background-color: var(--light-color);
  border-radius: 4px;
  padding: 1px 2px;
}

.book .book-body .page-wrapper .page-inner section.normal hr { /* Horizontal line */
  border-top: 1px solid var(--border-color);
  margin: 40px auto;
  height: 0px;
}

/* Table */

table tr {
  border-top: 1px solid var(--border-color);
}
table th {
  font-weight: bold;
  border: 1px solid var(--border-color);
  padding: 6px 12px;
}
table td {
  border: 1px solid var(--border-color);
  padding: 6px 12px;
}
table tr:nth-child(2n),
thead {
  background-color: var(--side-bar-bg-color);
}