:root {
  --chterm_background: black;
  --chterm_color: white;
  --chterm_font-family: Courier, monospace;
  --chterm_width: 720px;
  --chterm_height: 540px;
  --chterm_bloom_border: 80px;
}

* {
  margin: 0 auto;
}

body {
  background-color: darkslategray;
}

#chterm_frame {
  border: 50px solid black;

  height: calc(var(--chterm_height) + var(--chterm_bloom_border));
  width: calc(var(--chterm_width) + var(--chterm_bloom_border) + 2px);

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*
#overlay-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 100000;
}
*/

#overlay-loading>p {
  color: white;
  font-size: x-large;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#overlay-frame-image {
  position: absolute;
  transform: scale(0.5);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  z-index: 1000;
  pointer-events: none;
}

#overlay-scrollblocker {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}