@font-face {
  font-family: "Bitstream Vera Sans";
  src: url("../fonts/veramono-2c2e2ded.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html {
  height: 100%;
  color-scheme: dark;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  min-height: 100%;
  min-height: 100dvh;
  width: 100%;
  padding: 0.75rem;
  font-size: min(1.4rem, max(0.5rem, 3.1vw));
  background: #232323;
}

pre {
  margin: 0;
  max-width: 100%;
  overflow-x: auto;
}

pre,
pre * {
  white-space: pre;
}

code {
  font-family: "Bitstream Vera Sans", monospace;
  font-feature-settings: "liga" 0;
  line-height: 125%;
}

h1,
h2 {
  display: inline;
  font-weight: normal;
  font-size: 100%;
  white-space: inherit;
}

a {
  text-decoration: none;
}

a:hover,
a:focus-visible {
  text-decoration: underline;
}

a:focus-visible {
  outline: 2px solid #a5c261;
  outline-offset: 2px;
}

/* Railscasts Theme */
pre code {
  display: block;
  color: #e6e1dc;
}

pre .keyword {
  color: #c26230;
}

pre .string,
pre a,
pre h1,
pre h2 {
  color: #a5c261;
}

pre .symbol {
  color: #6d9cbe;
}

pre .comment {
  color: #bc9458;
}