:root {
  color-scheme: light dark;
  background-color: black ;
}

background
#terminal * {
  font-family: monospace, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  margin: 0;  
  padding: 0;  
  box-sizing: border-box;
  font-size: 1rem;
}

#terminal {
  background-color: black;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 5px;

  & .line {
    display: flex;
    height: fit-content;
    gap: .35em;

    & input {
      width: 100%;
      outline: none;
      border: none;
      background-color: transparent;
    }
  }
}

.indicator {
  display: flex;
  & .username, .at-symbol, .hostname{
    color: white;
  }
  & .colon{

  }
  & .current-directory{
    color: white;
  }
  & .prompt-symbol{

  }
}

.history {
  display: flex;
  flex-direction: column;
  text-align: start;
}