body {
  font-family: Arial, Helvetica, sans-serif;
  background: #9c835f;
  margin: 0;
}

.page-content {
  margin-top: 100px;
}

.vs {
  left: 50%;
  top: 50%;
}

.vs h1 {
  font-size: 50px;
  font-weight: 600;
}

.back span {
  font-weight: 700;
  font-size: 25px;
}

.back .arrow {
  color: #724c21;
  font-size: 40px;
  margin-left: 20px;
  margin-right: 20px;
}

.back .text {
  color: #f9b23d;
  font-size: 20px;
}

.game h1 {
  font-size: 28px;
}

.img-rps {
  padding: 15px;
  border-radius: 10px;
  cursor: pointer;
  margin-top: 15px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.selectedColor {
  background-color: #c4c4c4;
}

.result {
  background: #4c9654;
  border-radius: 10px;
  -webkit-transform: rotate(-20.87deg);
          transform: rotate(-20.87deg);
  color: #fff;
  padding: 14px 15px 14px 15px;
}

.img-rps:hover {
  background-color: #c4c4c4;
}

.btn-reset {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn-reset:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*# sourceMappingURL=styles.css.map */