.control-panel {
    /* width: 600px; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    padding: 10px;
    margin: 0 auto;
    overflow: auto;
    background-color: #c2d5d8;
    z-index: 100;
}

.game-summary {
  position: absolute;
  top: 10%;
  left: 10%;
  right: 10%;
  padding: 10px;
  background: #c2d5d8;
  -webkit-border-radius: 31px;
  -moz-border-radius: 31px;
  border-radius: 31px;
  border: #ff0000 solid 6px;
  text-align: center;
   perspective: 320px;
     z-index: 101;
}

.next-game {
  transform: rotateY(10deg);
  box-shadow: -15px 0 15px #00a8ff;
  display: block;
  margin: 0;
  /* width: 240px; */
  border: none;
  background-color: #00a8ff;
  color: #fff;
  font-size: 18px;
  border-radius: 6px;
  outline: none;
  cursor: pointer;
  transition: .3s linear;
  padding: 15px 45px;
  float: right;
  margin: 15px 0 15px;
}

.next-game:hover {
	transform: rotateY(0);
	box-shadow: 0;
}


.again-game {
  transform: rotateY(-5deg);
  box-shadow: -15px 0 15px #00a8ff;
  display: block;
  margin: 0;
  /* width: 240px; */
  border: none;
  background-color: #00a8ff;
  color: #fff;
  font-size: 18px;
  border-radius: 6px;
  outline: none;
  cursor: pointer;
  transition: .3s linear;
  padding: 15px 45px;
  float: left;
  margin: 15px 0 15px;
}

.again-game:hover {
	transform: rotateY(0);
	box-shadow: 0;
}