@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Passion+One:wght@400;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Passion+One:wght@400;700;900&family=Squada+One&display=swap);.box-shadow{box-shadow:0 4px 8px #0003}.bg-beige{background:#f4c287}.rounded{border-radius:20px}.rounded-50{border-radius:50%}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem;width:100%}.d-flex{display:flex!important}.d-grid{display:grid!important}.d-inline{display:inline!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.align-start{align-items:flex-start!important}.align-center{align-items:center!important}.align-end{align-items:flex-end!important}.align-stretch{align-items:stretch!important}.align-baseline{align-items:baseline!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.grid-center{place-items:center!important}.grid-start{place-items:start!important}.grid-end{place-items:end!important}.w-100{width:100%!important}.h-100{height:100%!important}.w-auto{width:auto!important}.w-screen{width:100vw!important}.w-min{width:-webkit-min-content!important;width:min-content!important}.h-auto{height:auto!important}.h-screen{height:100vh!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.5rem!important}.mt-2{margin-top:1rem!important}.mt-3{margin-top:1.5rem!important}.mt-4{margin-top:2rem!important}.mt-5{margin-top:2.5rem!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.p-0{padding:0!important}.p-1{padding:.5rem!important}.p-2{padding:1rem!important}.p-3{padding:1.5rem!important}.p-4{padding:2rem}.p-5{padding:2.5rem!important}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.m-auto{margin:auto!important}.p-auto{padding:auto!important}.py-1{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-2{padding-bottom:1rem!important;padding-top:1rem!important}.py-3{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-4{padding-bottom:2rem!important;padding-top:2rem!important}.py-5{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.px-1{padding-left:.5rem!important;padding-right:.5rem!important}.px-2{padding-left:1rem!important;padding-right:1rem!important}.px-3{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-4{padding-left:2rem!important;padding-right:2rem!important}.px-5{padding-left:2.5rem!important;padding-right:2.5rem!important}.overflow-hidden{overflow:hidden!important}.overflow-scroll{overflow:scroll!important}.overflow-auto{overflow:auto!important}.gap-0{gap:0!important}.gap-1{gap:.5rem!important}.gap-2{gap:1rem!important}.gap-3{gap:1.5rem!important}.gap-4{gap:2rem!important}.gap-5{gap:2.5rem!important}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-md{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.text-bold{font-weight:700}.text-normal{font-weight:400}.text-light{font-weight:300}.text-italic{font-style:italic}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.75}.leading-loose{line-height:2}.font-fredoka{font-family:Fredoka,serif!important}.font-passion{font-family:Passion One,serif!important}.font-squada{font-family:Squada One,serif!important}.text-3d{-webkit-text-stroke:2px #6b3fa0;color:#fde3ee;font-weight:700;text-shadow:0 1px 0 #ff91c1,1px 2px 0 #e62c7e,2px 3px 0 #c51a5b,3px 4px 0 #6b3fa0;text-transform:uppercase}.text-orange{color:#f7941d}.text-white{color:#fff}.btn{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;cursor:pointer}.btn:hover{transform:scale(1.05);transition:transform .2s}.cursor-pointer{cursor:pointer}.category-choice-component{align-items:center;background-color:#6b3fa0;border:3px solid;border-radius:20px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem;padding:.5rem}.category-choice-component .icon-container{flex:0 0 auto;height:64px;width:64px}.category-choice-component .icon-container .category-icon{border-radius:50%;box-shadow:0 4px 8px #0003;height:100%;object-fit:cover;width:100%}.category-choice-component .text-container{text-align:center}.category-choice-component .text-container .category-name{color:#fff;font-size:1.5rem;font-weight:700}.category-choice-component .text-container .category-slogan{color:#fff;font-size:1rem}.category-choice-component .play-button-container{flex:0 0 auto}.logo img{width:450px}.navbar-component{align-items:center;display:flex;margin:0 24px}.game-container{box-sizing:border-box;padding:1rem}.card-component{background-color:#f4c287;background-size:cover;border-radius:20px;box-shadow:0 4px 8px #0003;color:#333}.card-component,.card-component .card-header{background-position:50%;background-repeat:no-repeat}.card-component .card-header{display:flex;justify-content:space-between;padding:0 20px}.card-component .card-header h2{color:#333;font-size:24px;font-weight:700}.card-component .card-header .close-button{background:none;border:none;cursor:pointer}.card-component .card-header .close-button img{height:32px;width:32px}.card-component .card-header .close-button:hover{transform:scale(1.1)}.card-component .card-content{display:flex;flex-direction:column;gap:15px;padding:0 20px}.flag{cursor:pointer;transition:transform .2s ease}.flag:hover{transform:scale(1.1)}.quiz-screen .quiz-header{color:#fff;padding:20px;text-align:center}.quiz-screen .quiz-header .question-progress{background-color:#6b3fa0;border:2px solid #fff;border-radius:20px;color:#fff;font-size:x-large;font-weight:700;padding:10px}.quiz-screen .progress-bar{background-color:#f7941d;border-radius:20px;height:20px;margin-bottom:20px;overflow:hidden}.quiz-screen .progress-bar .progress{background-color:#f15a29;height:100%;transition:width .5s ease-in-out}.quiz-screen .question{color:#fff;margin-bottom:20px}.quiz-screen .propositions{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(2,1fr);margin-top:20px}.quiz-screen .propositions .btn-choice{background-color:#fff200;border-radius:20px;color:#333;cursor:pointer;font-size:1.2rem;font-weight:700;text-align:center;transition:transform .2s ease}.quiz-screen .propositions .btn-choice:hover{transform:scale(1.1)}.anectode-container{align-items:center;display:flex;flex-direction:column}.anectode-container img{cursor:pointer}.quiz-summary{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.quiz-summary .questions-list{margin-top:20px}.quiz-summary .questions-list .question-summary{border-radius:5px;margin-bottom:10px;padding:10px}.quiz-summary .questions-list .question-summary.correct{background-color:#8dc63f;color:#006838}.quiz-summary .questions-list .question-summary.wrong{background-color:#f16177;color:#9b1b3d}.toolbar{box-sizing:border-box;padding:1rem;width:100%}.toolbar .toolbar-content{align-items:center;display:flex;justify-content:flex-end}.settings-screen{align-items:center;display:flex;height:100vh;justify-content:center}.settings-screen .settings-container{background-image:url(/static/media/Box1.c452ebe43af00c40cdd1.png);background-repeat:no-repeat;background-size:cover;border-radius:20px;box-shadow:0 4px 8px #0003;box-sizing:border-box;padding:1rem;position:relative;width:350px}.settings-screen .settings-container .settings-header{align-items:center;display:flex;justify-content:center}.settings-screen .settings-container .settings-header h1{color:#fff;margin-top:0}.settings-screen .settings-container .settings-header .close-btn{cursor:pointer;height:40px;position:absolute;right:-15px;top:-15px;transition:transform .2s;width:40px}.settings-screen .settings-container .settings-header .close-btn:hover{transform:scale(1.1)}.settings-screen .settings-container .settings-content .settings-item{margin-bottom:1.5rem}.settings-screen .settings-container .settings-content .settings-item p{color:#333;font-size:1rem;font-weight:700}.settings-screen .settings-container .settings-content .settings-item img{max-width:38px}.settings-screen .settings-container .settings-content .settings-item .toggle-buttons{display:flex;justify-content:space-between;margin-top:.5rem}.settings-screen .settings-container .settings-content .settings-item .toggle-buttons .toggle{border:none;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:700;padding:.5rem;transition:background-color .2s;width:80px}.settings-screen .settings-container .settings-content .settings-item .toggle-buttons .toggle.on{background-color:#ff6f61;color:#fff}.settings-screen .settings-container .settings-content .settings-item .toggle-buttons .toggle.off{background-color:#ccc;color:#666}.settings-screen .settings-container .settings-content .settings-item .toggle-buttons .toggle:hover{opacity:.9}.settings-screen .settings-container .settings-content .settings-item .slider-container{margin-top:.5rem}.settings-screen .settings-container .settings-content .settings-item .slider-container .slider{-webkit-appearance:none;background:#9b1b3d;border-radius:4px;height:8px;outline:none;width:100%}.settings-screen .settings-container .settings-content .settings-item .slider-container .slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;height:20px;width:20px}.settings-screen .settings-container .settings-content .settings-item .help-button{background-color:#ff6f61;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:.5rem 1rem;transition:transform .2s}.settings-screen .settings-container .settings-content .settings-item .help-button:hover{transform:scale(1.05)}.progress-bar{background-color:#f7941d;border:2px solid #fff;border-radius:20px;height:15px;margin:0 auto;overflow:hidden;width:80%}.progress-bar .progress{background:#f15a29;height:100%;transition:width .5s ease}body{background:url(/static/media/Bg1.36069997f9a6c6228053.png) no-repeat 50%;background-size:cover;color:#fff;font-family:Fredoka,serif;margin:0;max-width:100vw;min-height:100vh;padding:0}
/*# sourceMappingURL=main.22ca7d5a.css.map*/