body{
  background-color: rgb(43, 43, 43);
  color:white;
  font-family: arial;
}
.header{
  font-size: 30px;
  font-weight: bold;
}
.rpc{
  border-radius: 50%;
  background-color: transparent;
  border: 2px white solid;
  margin-right: 10px;
  width:120px;
  height:120px;
  cursor:pointer;
}
.move-icon{
  height:50px;
  padding:0px;
}
.result{
  font-size:20px;
  font-weight: bold;
  margin-top:20px;
  margin-bottom: 20px;
}
.score{
   margin-top:50px;
   font-size: 22px;
}
.wins{
  color:green;
  font-weight: bold;
}
.loss{
  color: red;
  font-weight: bold;
}
.ties{
  color:yellow;
  font-weight: bold;
}
.reset,.auto{
  margin-top:10px;
  padding:8px 15px;
  font-size:16px;
  cursor: pointer;
  border:none;
  border-radius: 12px;
  margin-right:10px;
  font-weight: bold;

}
.reset{
  background-color:rgb(238, 87, 87)
}
.auto{
  background-color:lightgreen;
}
.all-container{
  display:flex;
  flex-direction: row;
  justify-content: space-around;
}
.main-right{
  display:flex;
  flex-direction: column;
  gap:10px;
  font-size:20px;
}
.imp{
  color:white;
  font-weight:bold;
  margin-left:20px;
}
.spcp{
  font-size:24px;
  color:lightsalmon;
  font-weight:bold;
}

.yes,.no{
  padding:10px 20px;
  color:black;
  font-size:12px;
  border:none;
  font-weight:bold;
  border-radius:5px;
}
.yes{
  background-color:lightgreen;
  margin-right:10px;
}
.no{
  background-color: coral;
}