@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css);@import url(https://fonts.googleapis.com/css2?family=Nabla&display=swap);*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}:root{--first-color:#6a5ae2;--opacity-first:#796ae3;--second-color:#ff8fa3;--opacity-second:#fea5b5;--text-color:#fff;--dark-color:#0c0a2b;--light-color:#d2cef6;--bg-color:#e8e5fb;--body-bg:#fff;--value:attr(data-value)}.app-container{background-color:#fff;background-color:var(--body-bg);height:100vh;padding:2rem 1rem;width:100%}.error-link{align-items:center;background-color:#ff8fa3;background-color:var(--second-color);border-radius:.5rem;color:#fff;color:var(--text-color);display:flex;gap:.5rem;justify-content:center;margin:2rem auto 0;padding:1rem 1.5rem;text-decoration:none;width:300px}@media screen and (max-width:768px){.app-container{padding:0}}.result-box{background-color:var(--second-color);border-radius:1rem;margin-bottom:1rem;padding:1.5rem;width:100%}.result-bg{display:grid;height:120px;overflow:hidden;place-items:center;position:relative;width:100%}.result-bg img{height:100%;left:0;object-fit:cover;opacity:.6;position:absolute;top:0;width:100%;z-index:0}.percentile{font-family:Nabla,cursive;font-size:5.5rem;position:relative;top:-10px;z-index:9}.result-detail{font-weight:500;margin:1rem 0}.new-quiz,.result-detail{color:var(--text-color);font-size:.8rem;text-align:center}.new-quiz{background-color:var(--opacity-second);border:none;border-radius:.75rem;cursor:pointer;display:inline-block;outline:none;padding:1.25rem 1.5rem;text-decoration:none;width:100%}.check-answers-title{color:var(--dark-color);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.check-answers-boxes{display:flex;flex-direction:column;gap:.75rem}.check-answer-box{background-color:var(--body-bg);border-radius:1rem;padding:1.25rem}.check-answer-box.correct{border-left:7px solid #3ac7a5}.check-answer-box.wrong{border-left:7px solid #ff4747}.check-answer-top{align-items:center;display:grid;grid-template-columns:calc(100% - 60px) 60px}.check-answer-count{color:var(--first-color);font-size:.7rem;font-weight:600;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase}.check-answer-question{color:var(--dark-color);font-size:.9rem;font-weight:500}.check-icon{border-radius:.5rem;display:grid;height:50px;place-items:center;width:50px}.check-answer-box.correct .check-icon{background-color:rgba(133,232,209,.239)}.check-answer-box.wrong .check-icon{background-color:#fef2f2}.check-icon i{font-size:1.75rem;opacity:1}.check-answer-box.correct .check-icon i{color:#3ac7a5}.check-answer-box.wrong .check-icon i{color:#ff4747}.check-answer-bottom{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.answer-box{background-color:#f3f4f7;border-radius:.5rem;display:flex;flex-direction:column;gap:.25rem;margin-top:1rem;padding:.75rem 1.25rem;width:100%}.check-answer-box.correct .answer-box:first-child{background-color:rgba(133,232,209,.239)}.check-answer-box.wrong .answer-box:first-child{background-color:#fef2f2}.answer-title{color:#949fae;font-size:.7rem}.check-answer-box.correct .answer-box:first-child .answer-title{color:#3ac7a5}.check-answer-box.wrong .answer-box:first-child .answer-title{color:#ff4747}.answer-text{color:var(--dark-color);font-size:.8rem}.intro-box{grid-gap:.5rem;align-items:center;background-color:var(--first-color);border-radius:1rem;display:grid;gap:.5rem;grid-template-columns:calc(100% - 70px) 70px;overflow:hidden;padding:1.5rem 2rem;position:relative}.intro-box:before{border:7px solid var(--opacity-first);border-radius:50%;bottom:-25px;height:55px;left:40%;width:55px}.intro-box:after,.intro-box:before{content:"";position:absolute;z-index:0}.intro-box:after{background-color:var(--opacity-first);border-radius:50%;height:100px;left:-25px;top:-25px;width:100px}.intro-texts{z-index:9}.intro-title{color:var(--light-color);font-size:.75rem;font-weight:400;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase}.intro-description{color:var(--text-color);font-size:1rem}.intro-icon{background-color:var(--opacity-first);border-radius:.5rem;display:grid;height:50px;place-items:center;width:50px;z-index:9}.intro-icon i{color:var(--text-color);font-size:1.25rem}.level-boxes{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}.level-box{background-color:var(--second-color);border-radius:1rem;gap:.5rem;padding:1rem;width:100%}.level-box,.level-text{display:flex;flex-direction:column}.level-text{align-items:center;gap:.25rem;justify-content:center}.level-name{color:var(--text-color);font-size:2rem;font-weight:600}.level-text span{color:var(--text-color);font-size:.75rem;letter-spacing:2px;text-transform:uppercase}.level-link{align-items:center;background-color:var(--opacity-second);border-radius:.5rem;color:var(--text-color);display:inline-block;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem;text-align:center;text-decoration:none;width:100%}.quiz-box{background-color:var(--bg-color);border-radius:1rem;height:calc(100vh - 4rem);margin:auto;max-width:100%;overflow:scroll;padding:1.5rem;width:560px}.progress-box{background-color:var(--first-color);border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem 0}.progress-top{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:calc(100% - 70px) 70px}.progress-title{color:var(--light-color);font-size:.75rem;font-weight:400;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase}.progress-description{color:var(--text-color);font-size:1rem}.progress-icon{background-color:var(--opacity-first);border-radius:.5rem;display:grid;height:50px;place-items:center;width:50px}.progress-icon i{color:var(--text-color);font-size:1.25rem}.progress-bottom{grid-gap:.5rem;align-items:center;background-color:var(--second-color);border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:grid;gap:.5rem;grid-template-columns:125px calc(100% - 125px);overflow:hidden;padding:1.5rem;position:relative;width:100%}.progress-bottom:before{border:7px solid var(--opacity-second);border-radius:50%;bottom:-25px;content:"";height:55px;left:40%;position:absolute;width:55px;z-index:0}.progress-bottom:after{background-color:var(--opacity-second);content:"";left:85%;position:absolute;top:-25px;z-index:0}.progress-bottom:after,.progress-circle{border-radius:50%;height:100px;width:100px}.progress-circle{--percentage:var(--value);align-items:center;background:radial-gradient(closest-side,var(--second-color) 80%,transparent 0 99.9%,#fff 0),conic-gradient(var(--body-bg) calc(var(--percentage)*1%),var(--opacity-second) 0);display:flex;justify-content:center;z-index:1}.progress-big{color:var(--text-color);font-size:1.75rem;font-weight:500}.progress-mini{color:var(--text-color);font-size:.75rem;font-weight:400;margin-top:.75rem}.progress-detail{color:var(--text-color);font-size:1rem;font-weight:500;z-index:1}.progress-circle.time{--percentage:var(--value);background:radial-gradient(closest-side,var(--bg-color) 85%,transparent 0 99.9%,#fff 0),conic-gradient(var(--first-color) calc(var(--percentage)*1%),var(--body-bg) 0)!important;height:70px;width:70px}.question-box{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:calc(100% - 70px) 70px;margin:1.5rem 0 0;position:relative;width:100%}.question-title{color:var(--first-color);font-size:.8rem;font-weight:700;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase}.question{color:var(--dark-color);font-size:1rem;font-weight:600}.time{font-size:1.25rem;font-weight:800}.answers-boxes{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:2rem;width:100%}.answer-label{align-items:center;background-color:var(--body-bg);border:2px solid transparent;border-radius:.5rem;color:var(--dark-color);cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 1.25rem;text-transform:capitalize;transition:all .25s;width:100%}.answer-label:active{-webkit-transform:scale(.9);transform:scale(.9)}.answer-label.selected{background-color:var(--first-color);color:var(--text-color)}.answer-label input{accent-color:var(--text-color);border:none;outline:none}.message{align-items:center;background-color:#feb37f;border-radius:.5rem;display:flex;flex-wrap:nowrap;gap:1.5rem;margin:2rem auto 0;padding:1rem 1.5rem;width:300px}.message.animation{-webkit-animation:message 1.5s ease-in-out infinite;animation:message 1.5s ease-in-out infinite}.message .icon{background-color:#ff9b55;border-radius:.25rem;display:grid;height:40px;place-items:center;width:40px}.message .icon i{color:var(--text-color);font-size:1.25rem}.message span{color:var(--text-color);font-size:.9rem}@-webkit-keyframes message{0%{-webkit-transform:scale(.9);transform:scale(.9)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes message{0%{-webkit-transform:scale(.9);transform:scale(.9)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}.next{display:flex;justify-content:end;margin:1.5rem 0 0;position:relative;width:100%}.next-btn{align-items:center;background-color:var(--first-color);border:none;border-radius:.5rem;color:var(--text-color);cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;outline:none;padding:.75rem 1.25rem;transition:all .25s}.next-btn:active{-webkit-transform:scale(.9);transform:scale(.9)}.next-btn .icon{background-color:var(--opacity-first);border-radius:.5rem;color:var(--text-color);display:grid;height:30px;place-items:center;width:30px}.result-btn{background-color:var(--second-color)}.result-btn .icon{background-color:var(--opacity-second)}@media screen and (max-width:768px){.quiz-box{min-height:100vh;padding:1rem}}@media screen and (max-width:500px){.quiz-box{min-height:100vh;padding:1rem}.progress-bottom{gap:1rem;grid-template-columns:repeat(1,1fr);place-items:center;text-align:center}.progress-bottom:after{left:75%}.answers-boxes{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=main.26930206.css.map*/