.game-container {
  background: linear-gradient(
    to bottom,
    hsl(214, 47%, 23%),
    hsl(237, 49%, 15%)
  );
}

.scissors-container {
  background: linear-gradient(to bottom, hsl(39, 89%, 49%), hsl(40, 84%, 53%));
}

.paper-container {
  background: linear-gradient(
    to bottom,
    hsl(230, 89%, 62%),
    hsl(230, 89%, 65%)
  );
}

.rock-container {
  background: linear-gradient(
    to bottom,
    hsl(349, 71%, 52%),
    hsl(349, 70%, 56%)
  );
}

.lizard-container {
  background: linear-gradient(
    to bottom,
    hsl(261, 73%, 60%),
    hsl(261, 72%, 63%)
  );
}

.spock-container {
  background: linear-gradient(
    to bottom,
    hsl(189, 59%, 53%),
    hsl(189, 58%, 57%)
  );
}

.rule-book {
  position: fixed;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}