@font-face {
	 font-family: robotic;
	 src: url(apl.ttf);
 }
body {
  background-color: black;
  font-family: robotic;
  background-image: radial-gradient(
    rgba(0, 100, 0, 0.75), black 120%
  );
  height: 100vh;
  margin-left: 200px;
  /* margin: 0; */
  overflow: auto;
  font-size: 28px;
  /*letter-spacing: 0px;*/
  padding: 2rem;
  color: white;
  font: 1.8rem "Inconsolata", robotic;
  text-shadow: 0 0 5px #C8C8C8;
  &::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: repeating-linear-gradient(
      0deg,
      rgba(black, 0.15),
      rgba(black, 0.15) 1px,
      transparent 1px,
      transparent 2px
    );
    pointer-events: none;
  }
}
::selection {
  background: #0080FF;
  text-shadow: none;
}
pre {
    margin: 0;
	line-height: 45px;
	white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

input {
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: solid;
  background: transparent;
  border-color: #808080;
  font-family: robotic;
  font-size: 28px;
  color: #00ff00;
  text-transform:uppercase;
}

.no-outline {
  outline: none;
  caret: #00ff00 block;
}