body {
  background-image: url("../assets/main-bg.jpg");
  background-color: rgba(0, 0, 0, 0.219);
  height: 100vh;
  background-blend-mode: soft-light;
  background-size: cover;
  background-position: center;
}

.choice {

  height: 100px;
  width: 100px;
  margin: 20px;
}
.your-choice,
.cumputer-choice {
  display: flex;
  justify-content: center;
}
.result {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.refresh {
  font-size: 18px;
  font-weight: bold;
  font-family: system-ui;
  position: absolute;
  bottom: 20%;
  left: 45%;
}
.active {
  height: 100px;
  width: 100px;
  margin: 20px;
  background-color: red;
  animation-name: example;
  animation-duration: 1s;
  position:relative;
}

@keyframes example {
 0%{top:0px;}
 50%{top:145px}
 100%{top:0px}
}