#quiz,#personality{--medal-size: 100px}#quiz .quizCard,#personality .quizCard{color:#fff}#quiz .quizCard a,#quiz .quizCard i,#personality .quizCard a,#personality .quizCard i{color:#fff}#quiz .quizCard .textSmall,#personality .quizCard .textSmall{color:rgba(255,255,255,.8)}#quiz .quizPhotoHidden,#personality .quizPhotoHidden{display:none}#quiz .deleteIcon,#personality .deleteIcon{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;font-size:0}#quiz .deleteIcon i,#personality .deleteIcon i{font-size:10px;color:rgba(255,255,255,.75);line-height:1;display:flex;align-items:center;justify-content:center;height:100%;width:100%}@media(max-width: 800px){#quiz .deleteIcon,#personality .deleteIcon{width:28px;height:28px;top:-8px;right:-15px}#quiz .deleteIcon i,#personality .deleteIcon i{font-size:18px}}#quiz .answer-box,#personality .answer-box{display:block;padding:10px !important;margin:10px 0 !important;border-radius:6px;background-color:rgba(0,255,32,.1);border:2px solid rgba(0,0,0,.5);box-shadow:0 2px 3px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}#quiz .answer-box:hover,#personality .answer-box:hover{background-color:rgba(0,206,49,.3);transform:scale(1.01)}#quiz .questions-results div,#personality .questions-results div{border-radius:6px;padding:10px;margin-top:10px}#quiz .questions-results .result-correct,#personality .questions-results .result-correct{background-color:rgba(0,206,49,.3)}#quiz .questions-results .result-wrong,#personality .questions-results .result-wrong{background-color:rgba(216,0,20,.3)}#quiz .questions-results .result-no-answer,#personality .questions-results .result-no-answer{background-color:rgba(231,176,0,.6)}#quiz .questions-results .fa-check,#personality .questions-results .fa-check{color:green}#quiz .questions-results .fa-xmark,#personality .questions-results .fa-xmark{color:red}#quiz input[type=radio],#personality input[type=radio]{display:none}#quiz #medal .medal-container,#personality #medal .medal-container{display:flex;justify-content:center;margin-top:0}#quiz #medal .medal,#personality #medal .medal{width:var(--medal-size);height:var(--medal-size);margin:0 30px;position:relative;transform-origin:center;filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.3))}#quiz #medal .medal .circle,#personality #medal .medal .circle{width:100%;height:100%;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#ccc}#quiz #medal .medal .percentage,#personality #medal .medal .percentage{font-size:calc(var(--medal-size) / 4);font-weight:bold;color:rgba(0,0,0,.7);text-shadow:0px 2px 3px rgba(255,255,255,.7);z-index:1}#quiz #medal .medal .label,#personality #medal .medal .label{margin-top:10px;font-weight:bold;font-size:calc(var(--medal-size) / 6);color:#fff}#quiz #medal .gold .circle,#personality #medal .gold .circle{background:radial-gradient(circle, #ffdd44, #ffbb00)}#quiz #medal .silver .circle,#personality #medal .silver .circle{background:radial-gradient(circle, #d9d9d9, #b0b0b0)}#quiz #medal .bronze .circle,#personality #medal .bronze .circle{background:radial-gradient(circle, #cd7f32, #b87333)}#quiz #medal .paper .circle,#personality #medal .paper .circle{background:radial-gradient(circle, #e3dac5, #ece6d8)}#quiz #confetti .confetti,#personality #confetti .confetti{position:fixed;top:-10px;width:10px;height:10px;background-color:#ff6b6b;animation:confettiFall 5s ease-in-out forwards;opacity:.8}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}