@font-face {
  font-family: "FiraNerd";
  src: url(FiraCodeNerdFont-Regular.ttf);
}

:root {
  --white:  #e6d4a3;
  --black:  #282828;
  --red:    #f73028;
  --orange: #cc881a;
  --yellow: #f7b125;
  --green:  #7db669;
  --blue:   #719586;
  --teal:   #578e57;
  --pink:   #c77089;
  --purple: #a04b73;

  --font-size: 16px;
}

body {
  background: var(--black);
  color: var(--white);
  font-family: 'FiraNerd', monospace;
  font-size: var(--font-size);
  margin: 0;
  padding: 0;
}

pre {
  margin: 0;
  padding: 0;
}

input {
  background: var(--black);
  color: var(--white);
  outline: none;
  border: none;
  position: absolute;
  left: 46px;
  right: 0;
  font-size: var(--font-size);
  font-family: 'FiraNerd', monospace;
}

.prompt {
  color: var(--red);
}

.command {
  color: var(--white);
}

.prompt .bg {
  color: var(--white);
  background: var(--red);
}

.prompt .bg-error {
  color: var(--red);
  background: var(--white);
}