div#buttons {
  display: flex;
  justify-content: space-between;
  margin: var(--basic-vertical-margin) 0;
}

div#buttons button {
  width: 30%;
}

textarea, input, select {
  border: 2px solid;
  font-size: inherit;
  background-color: inherit;
  color: inherit;
}

textarea {
  box-sizing: border-box;
  width: 100%;
}

textarea#input, textarea#output{
  text-transform: uppercase;
  font-family: var(--font-family-monospace);
}

textarea + details {
  margin-top: 0;
}

div#error {
  display: none;
  color: red;
  margin-top: 1em;
}

button:disabled {
  opacity: 0.5;
}

.overline {
  text-decoration: overline;
}