body {
  background: #333;
  color: #fff;
}
p {
  font-weight: normal !important;
}
.slick-container {
  background: url("bg-image.jpg");
  background-size: cover;
  max-width: 495px;
  height: 650px !important;
}
.slick-slide {
  height: 650px !important;
}
.explanation, .trueresult, .falseresult {
  display: none;
}
.slick-next-hidden {
  display: none !important;
}
.question .headerbar {
  background: #960032;
  margin-bottom: 50px;
}
.question h1 {
  color: #fff;
  text-shadow: 2px 2px 1px #000000;
  font-size: 5rem;
  font-weight: bold;
  padding: 0;
  margin: 10px 0;
}
#intro_title {
  margin-top: 50px;
}
.bg {
  height: 330px;
}
.btn.btn-quiz {
  background: #960032;
  border-radius: 0;
  transform: rotate(0.5deg);
  font-size: 4rem;
  font-weight: bold;
  color: #fff;
  padding: 0px 15px;
  outline: none;
  margin-bottom: 20px;
}
.btn.btn-quiz:hover {
  color: #999;
  outline: none;
}
.btn.btn-quiz.selected {
  background: #ffd400;
  color: #000;
  outline: none;
}
.btn.slick-next.slick-arrow {
  font-size: 2.6rem;
  text-transform: uppercase;
  font-weight: bold;
  margin: 10px 0;
  padding: 0;
  color: #fff;
  display: inline-block;
}
.btn.slick-next.slick-arrow i {
  color: #960032;
  font-size: 4rem;
  vertical-align: bottom;
}
.btn.btn-start {
  background: #fff;
  color: #000 !important;
  padding: 8px 14px !important;
  border: 4px solid #960032;
  border-radius: 15px;
  font-size: 3rem !important;
  margin-top: 30px !important;
}
.explanation {
  border-top: 10px solid #960032;
  margin: 0 -15px 0;
  padding: 0 15px;
  background: #000;
  height: 195px;
}
.explanation p {
  font-size: 1.5rem;
}
.explanation a {
  color: #ffd400;
  text-decoration: underline;
}
.explanation .fa.fa-external-link {
  margin-left: 3px;
  font-size: 1.1rem;
}
.result {
  text-transform: uppercase;
  font-size: 1.7rem;
  margin: 15px 0 5px;
}
#scoretotal {
  font-size: 10rem;
  font-weight: bold !important;
  color: #ffd400;
  text-shadow: 5px 5px 2px #000;
}
.highlight {
  background: #960032;
  padding: 0 8px;
  font-weight: bold;
  text-shadow: 1px 1px 0px #000;
  display: inline-block;
}
.can-you-score {
  margin: 20px auto 20px;
  transform: rotate(-3deg);
  padding: 2px 10px 5px;
  font-weight: bold !important;
}
.can-you-score span {
  color: #ffd400;
}
.question-image {
  margin-bottom: 50px;
}
#sirilogo {
  margin-top: 80px;
}
.score h1 {
  font-size: 40px;
  font-weight: bold;
  margin: 80px 0 0;
}