#rekenmachine{
display: flex;
  width: 500px;
  height: 680px;
  justify-self: center;
  background-color: black ;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  user-select: none;
}

#scherm{
  display: flex;
margin-top: 10px;
 color: black;
  width: 90%;
  height: 150px;
  background-color: cadetblue;
  border: 10px solid gray;
  font-size: 40px;
}
#scherm::placeholder{
  color: black;
}

#container{ 
  padding: 10px;
  margin-top: 10%;
   display: grid;
  grid-template-columns: repeat(5,1fr);
gap: 10px;
 
  width: 90%;
 
  /* background-color: blueviolet; */
}

.knoppen{
display: flex;
  border-radius: 50%;
width: 50px;
height: 50px;
  text-align: center;
  justify-content: center;
  align-items: center;
  background-color: rgb(87, 111, 144);
  cursor: pointer;
  

}

.knoppen:hover{
transform: scale(1.10);
transition: 0.2s;
}

.getallen{
  background-color: gray !important;
}
.rood{
  background-color: red !important;
  color: white;
}