#answerResultWrapper {
  background-color: #fbb034;
  background-image: linear-gradient(315deg, #6a15ab 0%, #dbbf0b 76%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: 'Rowdies', sans-serif;
  color: white;
}

#answerResultWrapper .questionContainer, #answerResultWrapper .resultContainer {
  font-size: 2.2rem;
  text-shadow: 2px 2px black;
  max-width: 70%;
  text-align: center;
  position: relative;
}

#answerResultWrapper .questionContainer h3 {
  font-size: 1.8rem;
  font-family: 'Righteous', cursive;
}

#answerResultWrapper.correct{
    background-color: #43a05d;
    background-image: linear-gradient(315deg, #76640a 0%, #22c793 76%);
}

#answerResultWrapper.correct .incorrectIcon{
    display: none;
}

#answerResultWrapper.wrong{
    background-color: #aa2a3f;
    background-image: linear-gradient(315deg, #530685 0%, #d93e19 76%);
}

#answerResultWrapper.wrong .correctIcon{
    display: none;
}

#answerResultWrapper .answerResultText{
  font-size: 5rem;
}

#answerResultWrapper .trivia{
  bottom: 5%;
  text-align: center;
}

#resulticon img {
  width: 200px;
  height: auto;
  position: absolute;
  right: 5vw;
  top: 10vh;
}