body {
  margin: 0;
  padding: 0;
  background: #6d949a; }

.calculator * {
  font-family: 'Lato';
  color: white;
  box-sizing: border-box;
  outline: none;
  border: none; }

.calculator {
  width: 50%;
  margin: auto; }

.calculator-screen {
  width: 100%;
  padding: 20px 5%;
  display: block;
  font-weight: bold;
  text-align: right;
  font-size: 30px;
  background: #47565a; }

.calculator-button {
  font-size: 30px;
  width: 25%;
  padding: 5%;
  border: 1px solid #6d949a;
  transition: .1s;
  background: #7dccda; }
  .calculator-button:active {
    box-shadow: inset 0 0 10px #3F8490; }
  .calculator-button.is-number {
    background: #86b5bd; }
    .calculator-button.is-number:active {
      box-shadow: inset 0 0 10px #6C9096; }

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