.case {
  background-color: #646474;
  width: 400px;
  height: 800px;
  padding: 1em;
  border-radius: 30px;
}
.case__screen {
  border-radius: 30px;
  margin: 10px;
  padding: 20px;
  height: 30%;
  background-color: #c2e4c5;
  margin-bottom: 1em;
  font-size: 2em;
}
.case__screen--arg {
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  width: 340px;
  word-wrap: break-word;
}
.case__screen--result {
  font-weight: bold;
  font-size: 2.5em;
  overflow: hidden;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.case__screen--result-smaller {
  font-size: 1.1em;
}
.case__btns {
  justify-content: end;
  margin: 10px;
  grid-gap: 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.btn {
  font-size: 2em;
  border-radius: 20px;
  margin: 2px;
  height: 80px;
  color: #e4e3f2;
}
.btn--number {
  background-color: #817f98;
}
.btn--operator {
  background-color: #f37a83;
}
.btn--top {
  background-color: #8f95d4;
}
.btn--equals {
  background-color: darkgray;
}

#btn--0 {
  grid-column-end: span 2;
}

/*# sourceMappingURL=style.css.map */