html {
  background-color: rgb(90, 90, 255);
}

button {
  border: 1px solid;
  border-color: white;
  background-color: rgb(212, 205, 224);
  padding-top: 5.5px;
  font-size: 23px;
}

.Calculator {
  width: 300px;
  height: 450px;
  background-color: rgb(255, 255, 255);
  display: grid;
  grid-template-columns: repeat(4, 75px);
  grid-template-rows: repeat(6, 75px);
}

.screen {
  grid-column: 1/5;
  grid-row: 1/2;
  background-color: black;
  color: white;
  text-align: right;
  display: grid;
  grid-template-columns: 300px;
  grid-template-rows: 25px 50px;
}

.previous-operand {
  font-size: 20px;
  padding-right: 15px;
}
.current-operand {
  font-size: 35px;
  padding-right: 15px;
}

.AC_DEL_button {
  grid-column-end: span 2;
}

.number_point_equal {
  grid-column: 1/2;
  grid-row: 3/4;
  display: grid;
  grid-template-columns: repeat(3, 75px);
  grid-auto-rows: 75px;
}

.operation {
  grid-column: 4/5;
  grid-row: 3/4;
  display: grid;
  grid-template-columns: 75px;
  grid-auto-rows: 75px;
}

button[data-equals] {
  grid-column-end: span 2;
}

button:hover {
  background-color: white;
}