.correctWrapper, .incorrectWrapper {
  height: 100vh;
  width: 100vw;
  align-items: center;
  justify-content: center;
}


.correctWrapper .incorrectWrapper  {
  background-color: #27ae60;
  background: -webkit-linear-gradient(rgba(20, 91, 50, .9), rgba(20, 91, 50, .9)), url("../css/img/goodanswer.jpg");
}


.qanswercontent h2 {
  font-size:calc(22px + 3.2vw);
  font-family: 'Rowdies', cursive;
}

.qanswercontent h3 {
  font-family: 'Rowdies', cursive;
  font-size:calc(18px + 2.2vw);
  margin-bottom: 20px;
}

.qanswercontent p {
  font-size: calc(12px + 1.5vw);
  margin-bottom: 20px;
}

.qanswercontent {
  height: auto;
  color: WHITE;
  text-align: center;
}

.trivia {
  height: auto;
  padding-bottom: 30px;
}

.nextplayer {
  display: flex;
  margin-bottom: 40px;
}

.nextplayer h3 {
  /* font-size: 45px; */
  margin-left: 0;
  margin-top: 60px;
}

.nextplayer .portraitplaceholder {
  margin: auto;
  margin-right: 20px;
}

.qanswercontent.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.qanswercontent.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*scorecardstuff*/

.scoresWrapper {

}

.scorecard {

}

.playericon {
  height: 280px;
  width: 280px;
  background-color: black;
  border-radius: 250px;
  z-index: 1000;
  position: relative;
  border: 5px solid #808e9b;
  -webkit-box-shadow: 10px 10px 48px -13px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 48px -13px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 48px -13px rgba(0,0,0,0.75);
}

.playercontent {
  width: 240px;
  background-color: #ecf0f1;
  height: 325px;
  margin-top: -175px;
  z-index: 400;
  border-radius: 0px 0px 30px 30px;
  text-align: center;
  border: 5px solid #bdc3c7;
  -webkit-box-shadow: 10px 10px 48px -13px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 48px -13px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 48px -13px rgba(0,0,0,0.75);
}

.playername {
  margin-top: 180px;
}

.scorenr {
  color: rgba(76, 9, 27);
  font-size: 200%;
}

.stspace {
  font-size: 95%;
  padding: 10px;
}

.scorecardbackground {
  width: 90vw;
  height: 90vh;
  background-color: white;
  text-align: center;
  border-radius: 80px 0px 80px 0px;
  -webkit-box-shadow: 10px 10px 48px -13px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 48px -13px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 48px -13px rgba(0,0,0,0.75);
}

.scoreboardtitle {
  font-size: calc(35px + 3vh);
  color: white;
}

.scorecardtitle {

}

.scoreboardtitle {

}

.playerscore h2 {

}

.scoreleft {

}

.scoreright {

}

#scorerow {
  display: flex;
  height: 75vh;
  overflow-x: hidden;
}

table {
  text-align:left;
  padding-left: 80px;
}

th {
  padding-right: 60px;
  font-size: 2.2rem;
  color: white;
}

tr {
  border-bottom: 1px solid black;
}

td {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 2rem;
}


.scoreright li {

}

.scoreright li a {

}

/*scoresnew css*/

.roundscoresheets {
  width: 100vw;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #310e68;
  background-image: linear-gradient(316deg, #310e68 0%, #5f0f40 74%);
}

.roundscoresheets h2 {
  color: white;
  font-size: 3.4rem;
  margin-bottom: 10px;
  margin-top: 5px;
  font-family: 'Londrina Solid', cursive;
}

.roundscoresheets .roundscore__container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.bound__table {
  color: white;
}

.roundscoresheets .scoresheet__player {
  color: white;
  padding: 10px;
  border-radius: 50px;
}

.roundscoresheets .scoresheet__player span {
  padding: 15px 30px 15px 30px;
  font-size: 1.8rem;
  font-family: 'Londrina Solid', cursive;
}

.roundscore__container table {
  font-size: 1.8rem;
  font-family: 'Londrina Solid', cursive;
  color: white !important;
}

.roundscore__container table td img{
  width: 70px;
  height: 70px;
  border-radius: 70px;
}

.roundscore__container table td li {
  list-style: none;
}

.roundscore__container li {
  color: white;
  font-size: 3rem;
  font-family: 'Londrina Solid', cursive;
  display: flex;
  margin-top: 40px;
}

.split-line {
  height: 5px;
  width: 35vw;
  margin-bottom: 30px;
  margin-top: 30px;
  background-color: white;
}