src/css/desktop/apps/calculator.css
window#CalculatorApp div.body {
  overflow: hidden;
}

window#CalculatorApp input.display {
  height: 50px;
  width: 100%;
  padding: 10px 20px;
  font-family: "Source Code Pro", monospace;
  font-size: 16px;
  text-align: right;
}

window#CalculatorApp div.keys {
  display: grid;
  grid-template-columns: repeat(4, 80px);
  grid-template-rows: repeat(5, 60px);
  margin-top: 10px;
}

window#CalculatorApp div.keys button.empty {
  opacity: 0;
}

window#CalculatorApp div.keys button.clear {
  background-color: #f663;
}

window#CalculatorApp div.keys button.alt {
  background-color: var(--startmenu-applist-item-bg-hover);
}

window#CalculatorApp div.keys button.clear:hover,
window#CalculatorApp div.keys button.process:hover,
window#CalculatorApp div.keys button.alt:hover {
  opacity: 0.7;
}

window#CalculatorApp div.keys button.clear:active,
window#CalculatorApp div.keys button.process:active,
window#CalculatorApp div.keys button.alt:active {
  opacity: 0.4;
}

window#CalculatorApp div.keys button.process {
  background-color: rgba(102, 194, 255, 0.2);
}
