nav{grid-area:nav;margin-left:auto;display:flex;align-items:center;justify-content:center;width:100%}a{text-decoration:none;color:var(--content-color)}.brand-name{margin-right:auto;font-size:3rem;margin-left:2rem}.brand-name,.link-to-home{color:var(--primary-color)}.theme{font-size:2rem;color:var(--content-color);padding:2rem;cursor:pointer}.theme:hover{color:var(--primary-color);transition:.2s ease-in-out}.grid-layout{min-height:100vh;display:grid;grid-template-columns:5rem repeat(4,1fr) 5rem;grid-template-rows:10rem repeat(2,auto);grid-template-areas:"nav nav nav nav nav nav" "... contentarea contentarea contentarea contentarea ..." "... contentarea contentarea contentarea contentarea ...";background-color:var(--default-color)}@media screen and (max-width:600px){html{font-size:50%}.quiz-container{grid-template-rows:7rem repeat(2,auto);grid-template-areas:"nav nav nav nav nav nav" "contentarea contentarea contentarea contentarea contentarea contentarea" "contentarea contentarea contentarea contentarea contentarea contentarea"}.landing-page-container{margin-bottom:none}nav{margin-right:auto;flex-direction:column}.brand-name{margin-left:0;margin-right:0;padding-top:2rem}.theme{padding:2rem 3rem}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.rule-container{margin-top:5rem}.rule{font-size:2rem;color:var(--content-color);margin-top:2rem;font-weight:500}.rule-wrapper{display:flex;align-items:center;flex-direction:column;justify-content:center}.take-quiz-rule{margin-top:5rem;font-size:2.2rem;color:var(--content-color);cursor:pointer}.take-quiz-rule:hover{color:var(--primary-color);transition:.2s ease-in-out}.action-btns{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:5rem}.circle{margin:7rem auto;width:6rem;height:6rem;border-radius:50%;border:5px solid var(--default-color);border-top-color:var(--for-theme);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}section{grid-area:contentarea}.landing-page-container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:15rem}.title{text-align:center;font-size:4rem;color:var(--content-color);margin-top:2rem;font-weight:200;border-bottom:none}.title span{color:var(--primary-color)}.category-subtitle{text-align:center;font-size:3rem;color:var(--content-color);margin-top:5rem;font-weight:500}.category-selector{margin-top:1rem;display:flex;align-items:center;justify-content:center;grid-gap:2rem;gap:2rem;flex-wrap:wrap}.category-title{text-align:center;color:var(--content-color);margin-top:2rem;background-color:var(--for-quiz);padding:4rem;width:30rem;border-radius:2rem;cursor:pointer;border:none}.category-title h2{font-size:2.5rem;font-weight:500}.category-title p{font-size:1.8rem;margin-top:3rem;font-weight:400}.category-title:hover{color:var(--primary-color);transition:.2s ease-in-out}.subtitle{font-size:3rem;color:var(--content-color);text-align:center;margin-top:5rem}.quiz-item{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:5rem}.quiz-img{height:20rem;width:auto}.quiz-item .card-img{object-fit:fill}.quiz-item .card-container.product-card{width:35rem;height:35rem;background-color:var(--for-quiz)}.quiz-item .card-description,.quiz-item .card-subtitle,.quiz-item .card-title{color:var(--content-color);padding:5px 2rem;margin-left:1rem}.quiz-item .card-title{font-size:1.5rem;font-weight:500}.quiz-item .card-description{display:flex;justify-content:space-between;pointer-events:all;cursor:pointer;margin-top:auto}.take-quiz{display:flex;align-items:center;justify-content:center}.take-quiz i{margin-left:1rem}.take-quiz:hover{color:var(--primary-color);transition:.2s ease-in-out}.question-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;width:70%}.question-subtitle{font-size:4rem;font-weight:500;color:var(--content-color);text-align:center;margin-top:2rem}.marking{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;width:100%}.marking .subtitle{font-size:2rem;font-weight:500;margin-top:1rem}.bold{font-weight:700}.cta-btns{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--content-color);font-weight:500;font-size:1.6rem;margin-top:4rem}.cta-btns h1,.cta-btns i{font-weight:500;cursor:pointer}.cta-btns .exit{color:var(--alert-color);border:1px solid var(--alert-color);padding:4px 2rem;border-radius:5px}.cta-btns .exit:hover{background-color:var(--alert-color);color:#000;transition:.2s ease-in-out}.cta-btns .next{color:var(--primary-color);border:1px solid var(--primary-color);padding:4px 2rem;border-radius:5px}.cta-btns .next:hover{background-color:var(--primary-color);color:#000;transition:.2s ease-in-out}.question{text-align:left;margin-top:5rem;letter-spacing:.1rem;font-size:2.5rem;line-height:3.5rem;font-weight:500}.answers-container,.question{color:var(--content-color);width:100%}.answers-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:3rem}.answers{width:100%;border-radius:2rem;background-color:var(--for-quiz);text-align:center;padding:3rem 0;font-size:2rem;margin-bottom:3rem;cursor:pointer}.answers:hover{background-color:var(--for-answer);transition:.2s ease-in-out}.correct{color:#fff}.correct,.correct:hover{background-color:var(--success-color)}.wrong{color:#fff}.wrong,.wrong:hover{background-color:var(--alert-color)}.question-result{font-size:2rem;color:var(--content-color);cursor:pointer}.question-result:hover{color:var(--primary-color);transition:.2s ease-in-out}@media screen and (max-width:1400px){.question-wrapper{width:80%}}@media screen and (max-width:500px){.question-wrapper{width:100%}}.result-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;width:70%}.result-wrapper .subtitle{font-weight:500}.result-btn{color:var(--content-color);font-size:2rem;cursor:pointer;margin-bottom:2.8rem}.result-btn:hover{color:var(--primary-color);transition:.2s ease-in-out}.result-wrapper .answers{pointer-events:none}.result-wrapper .answers:hover{background-color:var(--for-quiz)}.result-wrapper .answers.correct:hover{background-color:var(--success-color)}@media screen and (max-width:1400px){.result-wrapper{width:80%}}@media screen and (max-width:500px){.result-wrapper{width:100%}}
/*# sourceMappingURL=main.64361a08.chunk.css.map */