.calculator {
  border-style: outset;
  background: #292b4d;
  border-width: 0.3em;
  border-color: #1f203a;
  width: max-content;
  height: max-content;
  padding-top: 0.3em;
}

.calculator > h3 {
  margin: 0 0.5em 0 0.5em;
}

.calculator > div > label {
  margin: 0.3em 0 0.2em 0.5em;
  width: 7em;
  display: inline-block;
  font-size: medium;
}

.calculator > input, .calculator > div > input {
  margin: 0.2em 0.5em 0.2em 0.5em;
  width: 7em;
  font-weight: bold;
  font-size: medium;
}

.calculator > input[type="button"] {
  margin: 0.2em auto 0.5em auto;
  display: block;
}

.calculator > div > input[type="number"] {
  appearance: textfield;
}

.screen {
  background: linear-gradient(0.3turn, #f86a00, #f85d7e);
  padding: 0.1em 0 0.1em 0.3em;
  margin: 0.2em 0 0.2em 0;
}