.quizsizer {
  min-height: 900px;
}

.quizfin {
  display: none;
}

.fli {
  margin: 2px;
}

.ysquiz {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  padding: 7px 15px;
  border-radius: 5px;
  margin: 0 auto;
  max-width: 100% !important;
  width: 100%;
}

/* line 11, src/sass/custom.scss */

.ysquiz .ysquiz-header {
  /* custom header css rules */
}

/* line 13, src/sass/custom.scss */

.ysquiz .ysquiz-header h1 {
  margin: 0;
  text-align: center;
}

/* line 19, src/sass/custom.scss */

.ysquiz .ysquiz-content {
  padding-top: 10px;
}

/* line 21, src/sass/custom.scss */

.ysquiz .ysquiz-content .ysquiz-question {
  /* custom question css rules */
}

/* line 23, src/sass/custom.scss */

.ysquiz .ysquiz-content .ysquiz-question .ysquiz-question-title {
  /* custom question title css rules */
  padding: 10px;
}

/* line 26, src/sass/custom.scss */

.ysquiz .ysquiz-content .ysquiz-question ul {
  padding: 0;
  list-style: none;
}

/* line 30, src/sass/custom.scss */

.ysquiz .ysquiz-content .ysquiz-question ul li {
  padding: 6px;
  border-radius: 5px;
  margin-bottom: 10px;
  background: whitesmoke;
  border: whitesmoke solid 5px;
}

@media (hover: hover) {
  .ysquiz .ysquiz-content .ysquiz-question ul li.answerli:hover {
    background: rgb(255, 227, 150);
    cursor: pointer;
  }
}

.answerli label:hover {
  cursor: pointer;
}

label {
  font-weight: 600;
}

.highlight {
  background: rgb(255, 227, 150) !important;
}

/* line 33, src/sass/custom.scss */

.ysquiz .ysquiz-content .ysquiz-question button {
  border: none;
  padding: 10px 20px;
  background-color: teal;
  color: white;
  transition-duration: 0.3s;
  border-radius: 3px;
  font-weight: 600;
}

/* line 42, src/sass/custom.scss */

.ysquiz .ysquiz-content .ysquiz-question button:hover {
  opacity: 1;
}

/* line 46, src/sass/custom.scss */

.ysquiz .ysquiz-content .ysquiz-result {
  text-align: center;
  display: none;
}

.ysquiz-result h3 {
  padding-bottom: 20px;
}

/* line 48, src/sass/custom.scss */

.ysquiz .ysquiz-content .ysquiz-result p {
  color: white;
  padding: 10px;
}

/* line 52, src/sass/custom.scss */

.ysquiz .ysquiz-content .ysquiz-result .ysquiz-total-question {
  background-color: #343a40;
}

/* line 55, src/sass/custom.scss */

.ysquiz .ysquiz-content .ysquiz-result .ysquiz-total-correct {
  background-color: #1ABC9C;
}

/* line 58, src/sass/custom.scss */

.ysquiz .ysquiz-content .ysquiz-result .ysquiz-total-wrong {
  background-color: #ff5a5a;
}

/* line 64, src/sass/custom.scss */

.ysquiz .ysquiz-footer {
  /* custom footer css rules */
}

/* line 66, src/sass/custom.scss */

.ysquiz .ysquiz-footer .ysquiz-message {
  text-align: center;
}

button:disabled, button[disabled] {
  border: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
  color: black !important;
}

.check.correct {
  border: #1ABC9C solid 5px !important;
}

.highlight.check.wrong {
  border: #ff5a5a solid 5px !important;
}

.qimg, .ysquiz-question-title, .ysquiz-question {
  text-align: center;
}

.qimg img {
  border-radius: 10px;
}

input {
  display: none;
}

.resultp {
  border-radius: 10px;
}

.shakeit {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;
  /* When the animation is finished, start again */
  animation-iteration-count: 1;
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}