.keyboard-input{
  display: block;
  width: 100%;
  max-width: 900px;
  margin: 1rem auto 1rem auto;

  padding: 0 12px;
  height: var(--textinput-height);

  background-color: var(--panel-color);
  outline: none;

  border-width: 1px;
  border-style: solid;
  border-color: var(--border-color);
  border-radius: 4px;

  font-family: "Courier New",monospace;
  font-size: 1.5rem;
  color: var(--text-color);

  transition:
    background-color var(--theme-transition),
    border-color var(--theme-transition),
    box-shadow var(--theme-transition);
}

.keyboard-input:focus {
  outline: 2px solid var(--glyph-color);
  outline-offset: 2px;
}