:root {
  font-family: "JBMono-R", monospace;
  --background-color: rgb(30, 30, 46);
  --background-color2: rgb(17, 17, 27);
  --background-color3: rgb(49, 50, 68);
  --text-color: rgb(205, 214, 244);
  --subtext-color: rgb(147, 153, 178);
  --subtext-color2: rgb(166, 173, 200);
  --accent-color: rgb(116, 199, 236);
  --accent-color2: rgb(180, 190, 254);
  --blue: rgb(137, 180, 250);
  --green: rgb(166, 227, 161);
  --yellow: rgb(249, 226, 175);
  --red: rgb(243, 139, 168);
  --orange: rgb(250, 179, 135);
  --purple: rgb(203, 166, 247);

  overscroll-behavior-y: none;
  scrollbar-color: var(--text-color) transparent;
}

@font-face {
  font-family: "JBMono-R";
  src: url("/static/jbmnfm.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "JBMono-B";
  src: url("/static/jbmnfb.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "JBMono-I";
  src: url("/static/jbmnfi.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "JBMono-IB";
  src: url("/static/jbmnfbi.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}

body {
  background-color: var(--background-color);
  color: var(--text-color);
}

h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin-block: 0.67em;
  text-align: center;
}

h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin-block: 0.83em;
  text-align: center;
}

h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin-block: 1em;
}

em,
i {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}
sup {
  vertical-align: super;
  font-size: smaller;
}

u {
  text-decoration: underline;
}

del {
  text-decoration: line-through;
}

hr {
  color: var(--subtext-color);
  border-width: 1px;
  border-style: inset;
  margin-block: 0.5em;
  margin-inline: auto;
  overflow: hidden;
  width: 50%;

  /* FIXME: This is not really per spec */
  display: block;
}

p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin: 1em 0.75em;
}

blockquote {
  margin: 0.5rem 1rem;
  padding: 0.25rem 1rem;
  border-left: 4px solid var(--subtext-color);
}

fieldset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 2px groove (internal value);
}

input[type="password"] {
  letter-spacing: 4px;
}