body {
  margin: 0px;
}

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
}

#calculator {
  width: 455px;
  border: black 1px solid;
  padding: 10px 15px;
  background-color: steelblue;
  border-radius: 10px;
}
#calculator > #displayPanel {
  width: 98%;
  height: 50px;
  margin: 10px auto;
  text-align: right;
  background-color: white;
  padding: 0 5px;
}
#calculator > #displayPanel > #formula {
  width: 100%;
  height: 40%;
}
#calculator > #displayPanel > #currentShow {
  width: 100%;
  height: 60%;
  font-size: 30px;
  line-height: 30px;
}
#calculator > #keyBoardGroup {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-row-gap: 2px;
  grid-column-gap: 2px;
}
#calculator > #keyBoardGroup > .calculatorBtn {
  height: 50px;
  border: 1px lightblue solid;
  border-radius: 5%;
  font-size: 20px;
  background-color: skyblue;
}
#calculator > #keyBoardGroup > .calculatorBtn.hovering {
  filter: brightness(0.8);
}
#calculator > #keyBoardGroup > .calculatorBtn:hover {
  filter: brightness(0.8);
}

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