.wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  /* This makes the labels be on one side and the form elements on the other and allows setting a common width */
  justify-content: space-between;
}

.label {
  margin: 0;
  margin-bottom: .5em;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: lowercase;
  color: #818395;
}

.activeLabel {
  color: #008cba;
  text-transform: uppercase;
}

/*
  Edge case: There is a problem with the autoresize mechanism of <AutosizeTextarea />.
  If the stylesheets aren't loaded yet then the height of the textarea is going to wrong.
*/
.input {
  width: 75%;
  margin: 0;
  margin-bottom: .5em;
  border: 0;
  font-family: "Space Mono", monospace;
  font-size: 1em;
  letter-spacing: 3px;
  resize: none;
}

.input:focus {
  /* The no-outline-problem is solved via JS (see .activeLabel) */
  outline: 0;
}

.wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  /* This makes the labels be on one side and the form elements on the other and allows setting a common width */
  justify-content: space-between;
}

.label {
  margin: 0;
  margin-bottom: .5em;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: lowercase;
  color: #818395;
}

.activeLabel {
  color: #008cba;
  text-transform: uppercase;
}

/*
  Edge case: There is a problem with the autoresize mechanism of <AutosizeTextarea />.
  If the stylesheets aren't loaded yet then the height of the textarea is going to wrong.
*/
.input {
  width: 75%;
  margin: 0;
  margin-bottom: .5em;
  border: 0;
  font-family: "Space Mono", monospace;
  font-size: 1em;
  letter-spacing: 3px;
  resize: none;
}

.input:focus {
  /* The no-outline-problem is solved via JS (see .activeLabel) */
  outline: 0;
}

.input::selection {
  color: #fff;
  background: #008cba;
}

Change selection-color to match color scheme
Change selection-color to match color scheme
