style.css

@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap");
* {
  box-sizing: border-box;
}
body,
html {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: "Source Code Pro", monospace;
}

.terminal {
  padding: 5px;
  width: 100%;
  height: 100%;
  background-color: #1d1e22;
  color: lime;
}

.terminal-input {
  background-color: transparent;
  color: #ccc;
  font-family: "Source Code Pro", monospace;
  border: none;
  outline: none;
  caret-color: lime;
  caret-shape: block;
  font-size: 16px;
}

.terminal-output {
  padding: 5px;
  width: 100%;
  height: 100%;
  background-color: #1d1e22;
  color: #717790;
  padding-left: 3ex;
}

.submit-button {
  display: none;
}

#history {
  color: lime;
}

#user-input {
  overflow: auto;
}

textarea {
  width: 98vw;
  text-indent: 300px;
  border: none;
  resize: none;
  background-color: transparent;
  line-height: 1;
}