html {
  bdckground-color: #fdfdfd;
  box-sizing: border-box;
  color: var(--c-text-body);
  font-family: var(--f-system);
  line-height: 1.5;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

a {
  color: var(--c-link-default);
  text-decoration: none;
}

a:visited {
  color: var(--c-link-visited);
}

a:hover {
  text-decoration: underline;
}

a:active {
  color: var(--c-link-active);
}

blockquote {
  border-left: .125em solid #aaa;
  color: #6a6a6a;
  margin: 1.5em 0 1.5em 2.25em;
  padding: .5em 0 .5em 1em;
}

blockquote p {
  margin: 0;
}

hr {
  background-color: var(--c-text-body);
  border: 0;
  height: 1px;
  margin: 2.25em auto;
  opacity: .25;
  width: 80%;
}

// center instagram embeds
.instagram-media {
  margin: 0 auto !important;
}

// tighten up margins between TOC header and list
.no_toc {
  margin-bottom: .5em;
}

#markdown-toc {
  margin-top: 0;
}

html {
  background-color: #fdfdfd;
  box-sizing: border-box;
  color: var(--c-text-body);
  font-family: var(--f-system);
  line-height: 1.5;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

a {
  color: var(--c-link-default);
  text-decoration: none;
}

a:visited {
  color: var(--c-link-visited);
}

a:hover {
  text-decoration: underline;
}

a:active {
  color: var(--c-link-active);
}

blockquote {
  border-left: .125em solid #aaa;
  color: #6a6a6a;
  margin: 1.5em 0 1.5em 2.25em;
  padding: .5em 0 .5em 1em;
}

blockquote p {
  margin: 0;
}

hr {
  background-color: var(--c-text-body);
  border: 0;
  height: 1px;
  margin: 2.25em auto;
  opacity: .25;
  width: 80%;
}

// center instagram embeds
.instagram-media {
  margin: 0 auto !important;
}

// tighten up margins between TOC header and list
.no_toc {
  margin-bottom: .5em;
}

#markdown-toc {
  margin-top: 0;
}

Fix typo (bdckground => background)
GH-6: Fix typo (bdckground => background)
