/**
 * based on typora theme ["haru"](https://github.com/LSTM-Kirigaya/typora-haru-theme) 
 */
:root {
  --color-main: rgba(128, 30, 255, 1);
  --color-shadow: rgb(178, 80, 255);
  --color-transplate: rgba(128, 30, 255, 0.1);
  --color-mark: #f2d2ff;
  --color-dark: rgb(70, 18, 137);
  --color-light: rgb(248, 242, 255);
  --color-font: rgb(12, 12, 12);
  --base-font: "Glow Sans", "Microsoft YaHei", serif;
  --title-font: inherit /*"Roboto Slab", "Times", serif*/;
  --blockquote-color: rgba(117, 117, 117, 0.9);
  --code-font: "Cascadia mono", Consolas, "Courier New", monospace;
  --font-size-quote-title: 0.9em;
  --font-size-quote-tag: 1.1em;
}

.entry {
  /* img:hover {
      box-shadow: 0 0 10px 5px var(--shadow-color);
      transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
  } */
  /* table td {
      font-family: var(--title-font);
  } */
  /* table td:hover {
    background-color: var(--shadow-color) !important;
    color: white !important;
    box-shadow: 0 0 10px 5px var(--shadow-color);
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
  } */
  /* bg color when text is selected */
  /* .symbol {
      font-family: var(--monospace);
  }

  .symbol-hex {
      color: var(--shadow-color);
  }

  .symbol-register {
      background-color: rgb(245, 232, 255);
  } */
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
  color: var(--color-font);
  font-family: var(--title-font);
  font-weight: 800;
  line-height: 1.5;
  margin: 0 0 1em 0;
}
.entry h1 {
  font-size: 40px;
  margin: 0 0 1em 0;
  line-height: 1.3;
  border-bottom: solid 3px var(--color-main);
  width: fit-content;
}
.entry h2 {
  font-size: 28px;
  border-radius: 0.5em;
}
.entry h2::before {
  content: "H2";
  border-radius: 0.3em;
  font-size: 0.8em;
  padding: 3px 7px;
  margin-right: 15px;
  background-color: var(--color-main);
  color: white;
}
.entry h3 {
  font-size: 24px;
  border-radius: 0.3em;
}
.entry h3::before {
  content: "H3";
  color: white;
  font-size: 0.8em;
  background-color: var(--color-main);
  border-radius: 0.3em;
  margin-right: 12px;
  padding: 4px 7px;
}
.entry h4 {
  font-size: 20px;
}
.entry h5 {
  font-size: 16px;
}
.entry p {
  color: var(--color-font);
  margin: 1em 0;
  font-weight: 500;
  line-height: 1.6;
  font-family: var(--base-font);
}
.entry ol,
.entry ul {
  padding-left: 2em;
  line-height: 2;
}
.entry ol li::marker,
.entry ul li::marker {
  color: var(--color-shadow);
}
.entry ul > li > ul > li {
  list-style-type: circle;
}
.entry ul > li > ul > li > ul > li {
  list-style-type: square;
}
.entry figure {
  text-align: center;
}
.entry figure img {
  /* border-radius: 1.5em !important; */
  box-shadow: 0 0 10px 3px rgba(134, 136, 137, 0.8);
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.entry figure figcaption {
  margin-top: 0.5em;
}
.entry table {
  width: 95%;
  border-collapse: collapse;
  text-align: center;
  margin: 20px;
}
.entry table thead th {
  background-color: var(--color-shadow);
  font-size: 20px;
  color: white;
  font-weight: bolder;
  width: 100px;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}
.entry table td, .entry table th {
  border: 1px solid transparent;
  color: rgb(18, 18, 18);
  /* height: 30px; */
  padding: 8px;
  border-radius: 0.5em;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.entry table th {
  border: none;
}
.entry table tr:nth-child(odd) {
  background: white;
}
.entry table tr:nth-child(even) {
  background: var(--color-light);
}
.entry table.table-compact {
  width: fit-content;
}
.entry table.table-compact td {
  padding: 0 4px;
}
.entry blockquote {
  padding: 10px 10px;
  font-size: var(--font-size-quote-title);
  color: var(--blockquote-color);
  border-left: 6px solid var(--color-main);
  background: var(--color-light);
  border-radius: 0.5em;
  line-height: 35px;
}
.entry blockquote span {
  word-break: break-all;
}
.entry blockquote h1 {
  font-weight: 200;
  font-size: var(--font-size-quote-tag);
  border-bottom: none;
  font-family: var(--base-font);
  line-height: 35px;
}
.entry blockquote h1::before {
  content: "Tips";
  background-color: var(--color-main);
  font-family: var(--title-font);
  color: white;
  font-size: var(--font-size-quote-tag);
  border-radius: 0.3em;
  padding: 3px 7px;
  margin-right: 15px;
}
.entry blockquote h2 {
  font-weight: 200;
  font-size: var(--font-size-quote-tag);
  font-family: var(--base-font);
  line-height: 35px;
}
.entry blockquote h2::before {
  content: "Warning";
  background-color: rgb(207, 210, 16);
  font-family: var(--title-font);
  color: white;
  font-size: var(--font-size-quote-tag);
  border-radius: 0.3em;
  padding: 3px 7px;
  margin-right: 15px;
}
.entry blockquote h3 {
  font-weight: 200;
  font-size: var(--font-size-quote-tag);
  font-family: var(--base-font);
  line-height: 35px;
}
.entry blockquote h3::before {
  content: "Error";
  background-color: rgb(224, 66, 66);
  font-family: var(--title-font);
  color: white;
  font-size: var(--font-size-quote-tag);
  border-radius: 0.3em;
  padding: 3px 7px;
  margin-right: 15px;
  float: none;
  position: relative;
  top: 0;
  left: 0;
  vertical-align: baseline;
  border-width: 0;
}
.entry blockquote h4 {
  font-weight: 200;
  font-size: var(--font-size-quote-tag);
  font-family: var(--base-font);
  line-height: 35px;
}
.entry blockquote h4::before {
  content: "Remind";
  background-color: var(--color-shadow);
  font-family: var(--title-font);
  color: white;
  font-size: var(--font-size-quote-tag);
  border-radius: 0.3em;
  padding: 3px 7px;
  margin-right: 15px;
  float: none;
  position: relative;
  top: 0;
  left: 0;
  vertical-align: baseline;
  border-width: 0;
}
.entry blockquote h5 {
  font-weight: 200;
  font-size: var(--font-size-quote-tag);
  font-family: var(--base-font);
  line-height: 35px;
}
.entry blockquote h5::before {
  content: "Remind";
  background-color: var(--color-shadow);
  font-family: var(--title-font);
  color: white;
  font-size: var(--font-size-quote-tag);
  border-radius: 0.3em;
  padding: 3px 7px;
  margin-right: 15px;
  float: none;
  position: relative;
  top: 0;
  left: 0;
  vertical-align: baseline;
  border-width: 0;
}
.entry blockquote code {
  margin: 0 2px;
  padding: 4px 6px;
  color: white;
  white-space: pre-wrap;
  background: var(--color-main);
  border-radius: 8px;
}
.entry iframe {
  border-radius: 1.2em;
  box-shadow: 0 0 8px 3px rgba(181, 181, 182, 0.9);
}
.entry hr {
  width: 60%;
  text-align: center;
  border-bottom: solid 1.8px var(--color-main);
  margin: 2em auto;
}
.entry a {
  color: var(--color-main);
  font-weight: 500;
  text-decoration: none;
  text-decoration-style: none;
  cursor: pointer;
  padding: 0 3px 0 3px;
}
.entry code {
  margin: 0 2px;
  padding: 4px 6px;
  color: #666363;
  white-space: pre-wrap;
  background: var(--color-light);
  border-radius: 8px;
}
.entry code,
.entry .code,
.entry .code-inline {
  font-family: var(--code-font);
  font-weight: 400;
}
.entry kbd,
.entry samp,
.entry tt,
.entry var {
  font-style: normal;
  font-family: var(--code-font);
  font-size: 14px;
  font-weight: 400;
}
.entry mark {
  background-color: var(--color-mark);
  padding: 0 2px;
}
.entry var[type] {
  color: var(--color-main);
}
.entry div.codeblock.code-console span.codetoken.command {
  color: rgb(202, 133, 255);
}
.entry div.codeblock.code-console span.codetoken.prompt {
  color: rgb(121, 228, 160);
}
.entry div.codeblock.code-console {
  color: rgb(248, 242, 255);
  background-color: rgb(27, 27, 27);
  white-space: pre-wrap;
}
.entry div.section.command table tr:nth-child(odd),
.entry div.section.command table tr:nth-child(even) {
  background: inherit;
  background-color: inherit;
}
.entry span.cell-code,
.entry div.section.command table td.cell-code {
  color: var(--color-main);
}
.entry div::selection, .entry div::-moz-selection, .entry div::-webkit-selection,
.entry blockquote::selection, .entry blockquote::-moz-selection, .entry blockquote::-webkit-selection,
.entry p::selection, .entry p::-moz-selection, .entry p::-webkit-selection,
.entry label::selection, .entry label::-moz-selection, .entry label::-webkit-selection,
.entry span::selection, .entry span::-moz-selection, .entry span::-webkit-selection,
.entry h1::selection, .entry h1::-moz-selection, .entry h1::-webkit-selection,
.entry h2::selection, .entry h2::-moz-selection, .entry h2::-webkit-selection,
.entry h3::selection, .entry h3::-moz-selection, .entry h3::-webkit-selection,
.entry h4::selection, .entry h4::-moz-selection, .entry h4::-webkit-selection,
.entry h5::selection, .entry h5::-moz-selection, .entry h5::-webkit-selection,
.entry code::selection, .entry code::-moz-selection, .entry code::-webkit-selection {
  background: var(--color-main);
  color: white;
}
.entry .math {
  color: rgb(208, 0, 255);
  font-size: 14px;
}

.entry blockquote::before {
  content: " ";
}

/*# sourceMappingURL=haru.css.map */