:root {
  --gap: 24px;
  --content-gap: 20px;
  --nav-width: 1024px;
  --main-width: 720px;
  --header-height: 60px;
  --footer-height: 60px;
  --radius: 8px;
  --theme: #fff;
  --entry: #fff;
  --primary: rgba(0, 0, 0, 0.88);
  --secondary: rgba(0, 0, 0, 0.56);
  --tertiary: rgba(0, 0, 0, 0.16);
  --content: rgba(0, 0, 0, 0.88);
  --hljs-bg: #1c1d21;
  --code-bg: #f5f5f5;
  --border: #eee;
  --dt-green: #1CD61D;
  --pricing-box: #f5f5f5;
}

.dark {
  --theme: rgb(18,21,26) !important;
  --entry: #2e2e33;
  --primary: rgba(255, 255, 255, .95) !important;
  --secondary: rgba(255, 255, 255, 0.56);
  --tertiary: rgba(255, 255, 255, 0.16);
  --content: rgba(255, 255, 255, 0.74);
  --hljs-bg: #2e2e33;
  --code-bg: #37383e;
  --border: #333;
  --pricing-box: #000;
}

.list {
  background: var(--code-bg);
}

.dark.list {
  background: var(--theme);
}

/* 404 Page */

.not-found {
  display: flex;
  position: unset !important;
  font-size: large !important;
  flex-direction: column;
  width: 90%;
  margin: 0px auto;
  padding-top: 40px;
}

.not-found > h2 {
  font-size: 1.8em !important;
  padding-top: 12px;
}

.not-found > h3 {
  font-size: large !important;
  padding-top: 12px;
  padding-bottom: 24px;
  text-align: left;
}

.not-found > ul > li {
  list-style-type: none;
  border-bottom: solid 4px transparent;
}

.not-found > ul > li:before {
  content: "\2192 \0020";
  padding-right: 8px;
  color: var(--dt-green);
}

.not-found > ul > li > a:hover {
  border-bottom: solid 4px var(--dt-green) !important;
  transition: 0.1s;
}