body{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  box-sizing: border-box;
  height: 100vh;
  background-color: black;
  font-family: system-ui;
}
.holding-cell{
  display: flex;
  flex-direction: column;
  gap: 5rem;
  justify-content: center;
  align-items: center;
  align-self: center;
  height: 100vh;
}
.container{
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100vw;
}
.display{
  height: 25vh;
  width: 50vw;
  /*background-color: gold;*/
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
button{
  background-color: white;
  border: none;
  border-radius: 12px;
}
.rock_img{
  height: 15rem;
  width: 15rem;
}

.paper_img{
  height: 15rem;
  width: 15rem;
  padding-right: 2rem;
}

.scissors_img{
  height: 15rem;
  width: 15rem;
}

.rock_button:hover, .paper_button:hover, .scissors_button:hover{
  cursor: pointer;
  opacity: 0.2;
}