#terminal {
  display: flex;
  flex-direction: column;

  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;

  overflow: auto;
}

#terminal-input-wrapper {
  display: flex;
}

#terminal-output {
  padding: 0.5rem;
  white-space: pre-wrap;
}

#terminal-output p {
  min-height: 1rem;
}

#terminal-input-wrapper p {
  padding: 0.5rem;
}

.error {
  color: red;
}

.goofy {
  font-family: 'Comic Sans MS', 'Comic Sans', cursive, sans-serif;
  font-style: italic;
}

#terminal-output {
  display: flex;
  flex-grow: 1;

  flex-direction: column;
  justify-content: flex-end;
}

#terminal input {
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  resize: none;
  background-color: inherit;
  border: none;
}

#terminal input:focus {
  outline: none;
}