body {
  background: #0A0D17;
  color: #ECE074;
  margin: 44px;
  font-family: monospace;
}

.delimiter {
  margin: 4px;
  color: white;
}

.command-input {
  background: unset;
  border: unset;
  color: unset;
  font-size: unset;
  font-family: unset;
  width: 100%;
  padding: 0;
  font: unset;
}

.command-input:focus {
  outline-width: 0;
}

.app-inner {
  position: relative;
  margin: auto;
  max-width: 800px;
  padding: 20px;
  padding-top: 120px;
}

#app {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.app-content {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

.time {
  margin-top: auto;
  margin-bottom: auto;
}

.input-line {
  display: flex;
  color: white;
}

#commands-container {
  overflow-y: scroll;
}

.command {
  color: white;
  padding-top: 3px;
}

.response {
  padding-top: 3px;
}

.command-type-0 {
  padding-left: 1em;
}

.command-block {
  padding-left: 20px;
}

.command-list-item-head {
  display: inline-block;
  min-width: 6em;
  cursor: pointer;
  color: white;
}

ul {
  list-style-type: none;
  margin-block-start: 0.2em;
  margin-block-end: 0.2em;
  padding-inline-start: 1em;
}

strong {
  color: white;
  margin-right: 6px;
}
