:root {
  --chterm_background: black;
  --chterm_color: white;
  --chterm_font-family: "JetBrains Mono", monospace;
  --chterm_font-shadow: 0 0 1px #ffffff, 0 0 10px #fffba8;
  --chterm_width: 720px;
  --chterm_height: 540px;
  --chterm_bloom_border: 80px;
}

* {
  font-family: var(--chterm_font-family);
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: transparent;
  text-shadow: var(--chterm_font-shadow);
  margin: 0 auto;
  z-index: 1000;
}

body {
  background-color: black;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 40px;

}

#chterm_focus-area {
  position: absolute;
  min-height: var(--chterm_height);
  min-width: var(--chterm_width);
}

#chterm_output {
  min-width: 100%;
  min-height: 100%;
  max-width: var(--chterm_width);
}

.output_line {
  background-color: transparent;
  max-width: var(--chterm_width);
}

#chterm_prompt {
  display: inline-block;
  width: 1px;
  margin: 0px;
}

input {
  display: inline-block;
  background-color: transparent;
  color: transparent;
  border: 0px;
  padding: 0px;
  padding-bottom: 20px;
  width: 95%;
  height: 18px;
}

textarea:focus,
input:focus {
  outline: none;
}

#chterm_caret {
  position: absolute;
  top: 208px;
  left: 51px;
  animation: blink 1s step-end infinite;
}

@keyframes blink {
  from,
  to {
    text-shadow: none
  }
  50% {
    text-shadow: var(--chterm_font-shadow);
  }
}