.h-main-cont{display:flex;flex-direction:column;justify-content:space-between}.h-main-cont>*>*{max-width:800px}.h-header{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:17px;flex-basis:200px;flex-grow:1;max-height:300px}.h-header h2{color:#8d99ae}.h-section.n1{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;flex-basis:170px;font-size:1.25rem;color:#2b2d42;font-weight:600;flex-grow:.5;max-height:250px}.h-section.n2{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#edf2f4;font-size:1rem;font-weight:200;flex-basis:100px;flex-grow:1}.h-section.n2>p{color:#edf2f4}.h-footer{flex-grow:0;flex-basis:25px;text-align:center;display:flex;justify-content:center}@media screen and (max-width: 600px){.h-main-cont h1{font-size:2rem}.h-main-cont h2{font-size:1.5rem;font-weight:400}.h-section.n2{justify-content:flex-start;padding:30px 5px}}.e-main-cont{display:flex;flex-direction:column;justify-content:center;align-items:center}.e-h1{margin-bottom:25px}.e-input{height:30px;font-size:20px;background-color:#edf2f4;border-radius:3px}.e-input,.e-input:active,.e-input:focus,.e-input:hover{outline:none;border:none}.e-input#email{width:350px}.e-input#age{width:70px}.e-input-cont>img{position:absolute;right:-50px;opacity:0}.e-input-cont{position:relative;display:flex;align-items:center}.e-inputs-cont{display:flex;align-items:center;justify-content:center;gap:60px;margin-bottom:25px;flex-wrap:wrap}.e-input-cont.notok>input{outline:2px solid #ee4444}.e-input-cont.notok>img.cross{opacity:1}.e-input-cont.ok>input{outline:2px solid #44ee44}.e-input-cont.ok>img.check{opacity:1}.e-btn{width:150px;font-size:1.25rem;font-weight:500!important;margin-bottom:20px}.e-info{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px}.e-info p{color:#8d99ae;text-wrap:wrap}.e-main-cont{padding:10px}@media screen and (max-width: 600px){.e-inputs-cont{flex-direction:column;flex-wrap:nowrap;gap:20px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Manrope,sans-serif;color:#2b2d42;text-align:center}h1,h2,h3,h4,h5,p{text-wrap:balance}h1{color:#edf2f4;font-size:2.5rem}.main-bkgc{background-color:#2b2d42}.secn-bkgc{background-color:#8d99ae}.btn{background-color:#a93744;padding:10px 17px 11px;color:#edf2f4;text-decoration:none;border-radius:4px;box-shadow:1px 1px 4px #585858;transition:all .1s;font-weight:400;outline:none;border:none;cursor:pointer}.btn:hover{background-color:#9d333f;box-shadow:0 0 3px #656565;color:#dae0e2}.btn.d{box-shadow:1px 1px 4px #0f0f1f}.btn.d:hover{box-shadow:0 0 3px #232323}.main-cont{min-height:100vh;min-height:100dvh}.error{font-weight:400;color:#842323;position:absolute}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;-moz-appearance:none;appearance:none}.correct{background-color:#8ad686;pointer-events:none}.incorrect{background-color:#ca6666;pointer-events:none}.disabled{opacity:.5;pointer-events:none}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.en-main-cont{display:flex;flex-direction:column;justify-content:flex-start;-webkit-user-select:none;user-select:none}.en-header{display:flex;justify-content:center;align-items:center;flex-basis:100px;flex-grow:1;max-height:200px;padding:10px 5px}.en-header>h1{font-size:2.5rem}.en-main{flex-grow:2;flex-basis:300px;display:flex;flex-direction:column;justify-content:flex-start}.en-section.n1{flex-grow:0;flex-basis:content;max-height:fit-content;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px;max-height:400px;gap:20px}.en-section.n1>h2{font-size:2rem;margin-bottom:20px;line-height:34px;font-weight:600}.en-section.n2{flex-grow:1;flex-basis:90px;display:flex;flex-direction:column;justify-content:flex-start;padding:30px 0;align-items:center}.en-btn{width:150px;font-size:1.25rem;font-weight:500}.progress-btn-cont{display:flex;justify-content:center;align-items:center;gap:30px}.progress-btn-cont>button{display:flex;align-items:center;justify-content:center;padding:5px;background:none;outline:none;border:none;cursor:pointer;scale:1.2}.progress-btn-cont>button:hover{transform:scale(1.1)}.progress-btn-cont>p{width:100px}#progress{width:100%;height:10px;border-radius:5px;background-color:#edf2f4;position:relative}.progress-cont{display:flex;align-items:center;flex-direction:column;gap:10px;margin-top:20px}#progress-track{position:absolute;background-color:#2b2d42;left:0;height:100%;border-radius:5px;transition:all .5s ease-out}.slider-cont{display:flex;justify-content:center;align-items:center;gap:20px;font-size:1.25rem;width:80%;max-width:600px;position:relative;min-height:75px}#slider{width:100%;flex-grow:1;height:7px;border-radius:5px;cursor:pointer;background-color:#edf2f4;position:relative;min-width:100px}#slider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:8px;background-color:#464646;cursor:pointer}.slider-thumb{top:50%;width:20px;height:75px;border:3px solid #2B2D42;border-radius:10px;box-shadow:1px 1px 2px #58585849;position:absolute;transform:translate(-50%,-50%);transition:background-color .5s ease-out}.multiple-choice-cont{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:80%;max-width:600px}.multiple-choice-cont>*{width:100%;gap:10px;display:flex;flex-wrap:wrap}.multiple-choice-button{flex-grow:1;flex-basis:250px;font-size:1.25rem;height:40px;border-radius:5px;outline:none;border:none;transition:all .2s ease;cursor:pointer}.multiple-choice-button.selected{background-color:#2b2d42;color:#edf2f4}.en-main #input{width:80%;max-width:400px;font-size:30px;outline:none;border:none}.en-main #input:focus{outline:none}@media screen and (max-width: 600px){.slider-cont>label{font-size:1rem}.slider-cont{width:100%}}@media screen and (max-width: 600px){.en-section.n1{max-height:none}}@media screen and (max-width: 500px){.en-section.n1>h2{font-size:1.5rem;line-height:25px}.en-header h1{font-size:2rem}.en-section.n1{padding:20px 5px}.slider-cont{gap:5px}}@media screen and (max-width: 400px){.slider-cont>label{font-size:.8rem}.slider-cont{gap:3px}}.t-main-cont{display:flex;flex-direction:column}.t-header{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:17px;flex-basis:100px;flex-grow:1;max-height:200px}.t-main{flex-grow:1;flex-basis:content;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;max-height:400px}.t-footer{flex-grow:2}.t-main>h3{font-size:1.5rem;position:absolute;margin:15px;left:0;top:0}.t-main>h3>span{font-weight:300}.t-question-cont{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;width:80%;max-width:900px;gap:30px;padding:50px 40px 75px}.t-question-cont>h2{font-size:2.5rem}.t-btn-cont{display:flex;flex-direction:column;width:100%;min-width:200px;gap:20px}.t-btn-cont>*{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}.t-btn-cont button,.t-category-btn{min-width:content;flex-basis:200px;flex-grow:1;height:max-content;padding:3px;font-size:1.5rem;outline:none;border:none;transition:all .1s ease;cursor:pointer}.t-btn-cont button:hover,.t-category-btn:hover{background-color:#c9c9c9}.t-timer{display:flex;flex-direction:column;position:absolute;right:40px;height:100%;padding:10px}.t-timer>span{display:inline-block;font-size:2rem;font-weight:500;width:2.5rem;padding-right:10px;position:relative;text-align:right}.t-timer>span:after{content:"s";font-size:1rem;position:absolute;right:0;bottom:0;transform:translateY(-25%)}.t-timer-guide{width:20px;border-radius:10px;background-color:#edf2f4;flex-grow:1;position:relative;overflow:hidden;right:-50%;transform:translate(-50%)}#t-timer-track{position:absolute;background-color:#2b2d42;bottom:0;width:100%;border-radius:10px;transition:height .25s linear}.t-progress-cont{position:absolute;width:100%;bottom:30px}.t-progress{position:relative;width:100%;width:80%;max-width:600px;height:15px;border-radius:10px;background-color:#edf2f4;margin:auto}.t-progress-track{position:absolute;background-color:#2b2d42;left:0;height:100%;border-radius:10px;transition:all .5s ease-out}.t-main.choosing{justify-content:space-between;padding:40px 7px 50px;gap:10px}.t-main>h4{font-size:1.5rem;font-weight:300;position:absolute;top:10px}.t-category-btn-cont{display:flex;gap:10px;flex-wrap:wrap;width:100%;max-width:600px}@media screen and (max-width: 800px){.t-progress-cont{width:100%;padding:0 80px}.t-progress{width:100%;max-width:none}.t-timer{right:20px}.t-main{max-height:none}}.correct{background-color:#a7ee9a}.incorrect{background-color:#ee9a9a}.disabled{opacity:.5}@media screen and (max-width: 500px){.t-main h2{font-size:2rem}.t-main button{font-size:1.25rem}.t-timer{right:0}.t-question-cont{width:90%}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.g-score-cont *{font-family:Roboto Mono,monospace}.g-score-cont{width:80dvw;max-width:200px;position:relative}.g-score-sect{max-height:400px;flex-grow:1;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.g-main-cont{display:flex;flex-direction:column;align-items:center}.g-main-cont>h1{font-size:3rem;text-align:center;display:flex;align-items:center;flex-basis:content;flex-grow:1;max-height:200px}.g-score-sect h2{font-size:2rem;text-align:center;font-weight:400;color:#2b2d42}.g-main-cont .btn{margin:20px 5px}
