@font-face {
  font-family: 'Inter';
  src: url(fonts/Inter/InterVariable.woff2) format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url(fonts/Inter/InterVariable-Italic.woff2) format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

html {
  line-height: 1.65;
  -webkit-text-size-adjust: 100%;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

hr {
  height: 1px;
  background-color: #e5e5e5;
  border: none;
}

.dark hr {
  background-color: #262626;
}

.language-plaintext {
  color: #FFFFFF;
}

/* Fix horizontal scrollbar on code blocks */
pre {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

pre code {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/* Remove backticks from inline code added by Tailwind Typography */
.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *))::before,
.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *))::after,
.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,
.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after,
.prose code::before,
.prose code::after,
.prose code:before,
.prose code:after {
  content: "" !important;
}