#calculatorForm {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  outline: auto;
  margin-bottom: 5px;
}

.row {
  display: flex;
  margin: 5px;
  max-width: 260px;
}

.column {
  display: flex;
  flex-direction: column;
  margin: 10px;
  flex: 1;
}

@media (max-width: 800px) {
  #calculatorForm {
    flex-wrap: wrap;
  }
  .row {
    flex-wrap: wrap;
  }
}

#calculatorForm input {
  flex-grow: 1;
  font-size: 30px;
  flex-shrink: 1;
  min-width: 10px;
  margin: 2px;
}

#calculatorForm button {
  flex-shrink: 1;
  font-size: 14px;
  font-weight: bolder;
  margin: 0 2px;
}

#calculatorForm br + * {
  margin-top: 10px;
}

.canvas {
  flex-shrink: 1;
  flex-basis: 100%;
}