:root {
  --darkest-color: rgb(10, 5, 0);
  --middle-color: rgb(60, 55, 50);
  --lighter-color: rgb(95, 85, 80);
  --ui-spacing: 1.25;
  --read-spacing: 1.5;
  --wide-gray: rgb(245, 240, 240);
  --narrow-gray: rgb(225, 220, 220);
}

code:not(pre code) {
  background-color: var(--wide-gray);
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  color: black;
  border-radius: 5px;
}

pre {
  background-color: white;
  overflow-x: auto;
  border-style: solid;
  border-radius: 3px;
  border-width: 2px;
  border-color: var(--narrow-gray);
  padding-left: 0.35em;
  padding-top: 0.1em;
  padding-bottom: 0.2em;
  line-height: normal;
}

body {
  background-color: rgb(255, 255, 255);
  color: var(--middle-color);
}

h2,
h3,
h4,
h5,
h6 {
  color: var(--middle-color);
}

h1 {
  color: var(--darkest-color);
}

blockquote {
  font-family: "Quote";
  font-size: 1.18em;
  line-height: normal;
  border-left: 4px solid var(--darkest-color);
  padding-left: 0.45em;
  margin: 0;
}

a:link, a:visited {
  color: var(--darkest-color)
}

table, th, td {
  background-color: white;
  overflow-x: auto;
  border-style: solid;
  border-radius: 3px;
  border-width: 2px;
  border-color: gainsboro;
  padding-left: 0.35em;
  padding-right: 0.35em;
  border-collapse: collapse;
}

img {
  width: 100%;
  height: auto;
}