/* https://github.com/jdinhify/vscode-theme-gruvbox */
:root {
  --c-bg0_hard: #1d2021;
  --c-bg0_medium: #282828;
  --c-bg0_soft: #32302f;
  --c-bg1: #3c3836;
  --c-bg2: #504945;
  --c-bg3: #665c54;
  --c-bg4: #7c6f64;
  --c-grey: #928374;
  --c-fg0: #fbf1c7;
  --c-fg1: #ebdbb2;
  --c-fg2: #d5c4a1;
  --c-fg3: #bdae93;
  --c-fg4: #a89984;
  --c-red1: #cc241d;
  --c-red2: #fb4934;
  --c-green1: #98971a;
  --c-green2: #b8bb26;
  --c-yellow1: #d79921;
  --c-yellow2: #fabd2f;
  --c-blue1: #458588;
  --c-blue2: #83a598;
  --c-purple1: #b16286;
  --c-purple2: #d3869b;
  --c-aqua1: #689d6a;
  --c-aqua2: #8ec07c;
  --c-orange1: #d65d0e;
  --c-orange2: #fe8019;
  --c-transparent: #0000;
  --c-white: #ebdbb2;
  --overlay-filter: rgba(64, 64, 64, 0.8);
}

html,
body {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100vw;
  min-height: 100vh;
  background-color: var(--c-bg0_hard);
  color: var(--c-fg0);
  font-family: "Hiragino Mincho ProN", serif;
}

a {
  color: var(--c-aqua1);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--c-aqua2);
  text-decoration: none;
}

a[target="_blank"] {
  color: var(--c-blue1);
  text-decoration: none;
  transition: color 0.2s ease;
}

a[target="_blank"]:hover {
  color: var(--c-blue2);
  text-decoration: none;
}

.highlight {
  margin: 1em 0;
}

pre {
  margin: 0;
  padding: 1em;
  line-height: 1.4;
  overflow-x: auto;
}

code {
  font-family: consolas, monospace;
  font-size: 90%;
  text-wrap: pretty;
}

details {
  margin: 1em 0;
}

details summary {
  cursor: pointer;
  transition: color 0.2s ease;
}

details summary:hover {
  color: var(--c-fg3);
}

figure img {
  display: block;
  margin: 0 auto;
}

figcaption p {
  margin: .5em 0 0;
  text-align: center;
  font-size: 90%;
  color: var(--c-fg1);
}

/* simple icons */
.si {
  fill: var(--c-fg0);
  vertical-align: text-bottom;
  transition: fill 0.2s ease;
}

a .si {
  fill: var(--c-blue1);
}

a:hover .si {
  fill: var(--c-blue2);
}