aitestory-ui/ui/css/form.css

form {
  text-align: left;
}

input[type="text"], input[type="password"], textarea, button, .group {
  display: block;
  width: 100%;
  margin-bottom: 1em;
  box-sizing: border-box;
  background: none;
  border: none;
  outline: none;
  color: #678;
  font-size: 1em;
  padding: 0 0.5ch;
}

input[type="text"], input[type="password"], textarea {
  border-left: 1px solid #678;
}

input::placeholder, textarea::placeholder {
  color: #234;
}

input:focus, textarea:focus, button:focus, button:hover {
  color: #4bf;
  border-left-color: #4bf;
}

input.big {
  font-size: 1.25em;
}

textarea {
  resize: none;
  font-family: sans-serif;
  height: 6em;
}

textarea.tall {
  height: 20em;
}

button {
  font-size: 2em;
}

.radio-wrapper {
  text-indent: -1.25em;
  padding-left: 1.25em;
  padding-bottom: 0.25em;
}

::-webkit-input-placeholder {
  color: #678;
}