.calculatorName{
  text-align: center;
  font-size: 50px;
  font-weight: bold;
}
.calculatorName:hover{
  color: crimson;
}

.centerAll{
  margin-top: 2%;
  display: flex;
  justify-content: center;
}


section {
  width: 40vw;
  height: 75vh;
  border: 2px solid black;
  align-items: center;
}
#screen {
  width: 75%;
  height: 100%;
  background-color: coral;
  font-size: 30px;
  
}
#info {
  width: 100%;
  height: 75%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.numbers{
  font-size: 30px;
}
.numbers:hover {
  background-color: khaki;
}
.operators{
  font-size: 25px;
}
.operators:hover {
  background-color: indianred;
}
#clearAll {
  width: 25%;
  height: 100%;
}
.end{
  font-size: 25px;
}
.end:hover{
  background-color: lightskyblue;
}
#top{
  width: 100%;
  height: 25%;
  display: flex;
  /* grid-template-columns: repeat(3fr , 1fr); */
}