@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);body,html{min-height:100vh}.info_box,.quiz_box,.result_box,footer button,section .option_list .option.disabled{pointer-events:none}.newsletter-button,.newsletter-input{height:48px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.dot,.wrapper,.wrapper-text{opacity:0;z-index:-10}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:#f8fbff;padding-bottom:100px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}::selection{color:#fff;background:#d0f}.info_box,.quiz_box,.start_btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.info_box.activeInfo,.quiz_box.activeQuiz{opacity:1;z-index:5;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.result_box.activeResult{opacity:1;z-index:5;pointer-events:auto}.start_btn button{font-size:1rem;font-weight:500;color:#fff;padding:1.5rem 3rem;outline:0;border:none;border-radius:20px;background:#298700;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.start_btn button{font-size:.9rem;padding:1rem 2rem}}.info_box,.quiz_box{width:440px;background:#fff;border-radius:5px;transform:translate(-50%,-50%) scale(.9);opacity:0;transition:.3s}.info_box .info-title{height:60px;width:100%;border-bottom:1px solid #298700;display:flex;align-items:center;padding:0 30px;border-radius:5px 5px 0 0;font-size:16px;font-weight:600}.info_box .buttons button,footer button{height:40px;border:1px solid #298a00;outline:0}.info_box .info-list{padding:15px 30px}.info_box .buttons,.quiz_box header,footer{padding:0 30px;display:flex}.info_box .info-list .info{margin:5px 0;font-size:14px}.info_box .info-list .info span{font-weight:600;color:#298700}.info_box .buttons{height:60px;align-items:center;justify-content:flex-end;border-top:1px #298700}.info_box .buttons button{margin:0 5px;width:100px;font-size:14px;font-weight:500;cursor:pointer;border-radius:5px;transition:.3s}.quiz_box header{position:relative;z-index:2;height:70px;background:#fff;border-radius:5px 5px 0 0;align-items:center;justify-content:space-between;box-shadow:0 3px 5px 1px rgba(0,0,0,.1)}.quiz_box header .title{font-size:16px;font-weight:600;border:1px solid #b8daff;border-radius:5px;padding:4px 8px;color:#298700}footer button,section .option_list .option{font-size:15px;transition:.3s;cursor:pointer}.quiz_box header .timer{color:#004085;background:#e1edfb;border:1px solid #b8daff;height:45px;padding:4px 8px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;width:150px}.quiz_box header .timer .time_left_txt{font-weight:600;font-size:12px;user-select:none}.quiz_box header .timer .timer_sec{font-size:14px;font-weight:500;height:30px;width:45px;color:#fff;border-radius:5px;line-height:30px;text-align:center;background:#48a3ff;border:1px solid #7db9f5;user-select:none}.quiz_box header .time_line{position:absolute;bottom:0;left:0;height:3px;background:#298700}.que_section{padding:25px 30px 20px;background:#fff}section .que_text{font-size:16px;font-weight:600}section .option_list{padding:20px 0;display:block}section .option_list .option{background:#dff1ff;border:1px solid #84c3fe;border-radius:5px;padding:15px 35px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}section .option_list .option:last-child{margin-bottom:0}section .option_list .option:hover{color:#004085;background:#cce2ff;border:1px solid #b8e0ff}section .option_list .option.correct{color:#155724;background:#d4edda;border:1px solid #c3e6cb}section .option_list .option.incorrect{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}section .option_list .option.missed{color:#fff;background:#686868;border:1px solid #909090}.option_list .option{display:flex;align-items:center;padding:10px}.option_list .option .icon{height:26px;width:26px;border:2px solid transparent;border-radius:50%;text-align:center;font-size:13px;pointer-events:none;transition:.3s;line-height:26px;margin-left:10px;display:flex;align-items:center;justify-content:center}.icon.tick{color:#23903c;border-color:#23903c;background:#d4edda}.icon.cross{color:#dc3545;border-color:#dc3545;background:#f8d7da}footer{height:60px;align-items:center;justify-content:space-between;border-top:1px solid #298700}footer .total_que span{display:flex;user-select:none}footer .total_que span p{font-weight:500;padding:0 5px}footer .total_que span p:first-child{padding-left:0}footer button{padding:0 13px;font-weight:600;color:#fff;border-radius:5px;background:#298700;line-height:10px;opacity:0;transform:scale(.95)}footer button:hover{background:#1f6801}footer button.show{opacity:1;pointer-events:auto;transform:scale(1)}.result_box{display:flex;align-items:center;flex-direction:column;justify-content:center;opacity:0;transition:.3s}.result_box .buttons{display:flex;margin:20px 0}.result_box .buttons button{margin:0 10px;height:45px;padding:0 20px;font-size:18px;font-weight:500;cursor:pointer;border:1px solid #298a00;outline:0;border-radius:5px;transition:.3s}main{font-weight:400;text-align:center;align-items:flex-start;display:flex}#results-panel{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:10%;background-color:#fff;flex-direction:column;justify-content:center}#results-panel .summary{min-width:368px;background-image:linear-gradient(#7856fe,#2d2ae8);border-radius:0 0 2rem 2rem;color:#c7c6ff}.summary h1{font-size:1.35rem;font-weight:500;margin-bottom:2.2rem}.summary .score-box{position:relative;width:140px;height:140px;border-radius:50%;margin:0 auto 1.6rem;background-image:linear-gradient(#4d20c9,hsla(241,72%,46%,0))}.restart,.restart:hover{background:#298700}.summary .score-box .score-value{font-size:4rem;color:#fff;font-weight:800;top:25px;left:30px;position:relative}.summary .score-box .score-max{font-size:1rem;position:relative;top:50px;right:35px}.summary .score-grade{font-size:1.75rem;font-weight:500;color:#fff;margin-bottom:1.1rem}.summary .score-rank{padding:0 1rem}#results-panel .details{width:100%;height:100%;text-align:left}#results-panel .summary div{padding:2.4rem 2.2rem}#results-panel .details div{padding:2.4rem 1.7rem}#results-panel .details h2{font-size:1.35rem;margin-bottom:2.3rem;font-weight:500}#results-panel .details p{padding:.9rem;border-radius:.5rem;margin-bottom:1.1rem}#results-panel .details p span{display:inline-block;text-align:right}#results-panel .details p .category{width:50%;text-align:left;margin-left:1.7rem}#results-panel .details p .value{width:20%;text-align:right;color:#000}#results-panel .details p .score.max{width:2.5rem;color:hsla(0,0%,0%,.35)}#results-panel .details .reaction{background:hsla(0,100%,67%,.05);color:#fe5656}#results-panel .details .memory{background:hsla(39,100%,56%,.05);color:#ffb01e}#results-panel .details .verbal{background:hsla(166,100%,37%,.05);color:#00bc90}#results-panel .details .visual{background:hsla(234,85%,45%,.05);color:#1124d4}@media only screen and (min-width:736px){#results-panel,#results-panel .summary{border-radius:2rem}main{align-items:center;justify-content:center}#results-panel{width:736px;flex-direction:row}}@media only screen and (max-width:736px){#results-panel{margin:0 auto}}.restart{color:#fff}.quit{color:#000;background:#fff}.quit:hover{color:#860000;background:#fff}.newsletter-container{display:hidden;background-color:#374151;color:#e5e7eb;margin-left:auto;margin-right:auto;padding:40px 20px;border-radius:16px;text-align:center;max-width:736px;width:100%}.newsletter-header{margin-bottom:24px}.newsletter-title{color:#fff;font-size:32px;font-weight:800;margin-bottom:16px}.newsletter-subtitle{font-size:16px}.newsletter-body{width:100%}.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-bottom:16px}.newsletter-input{width:100%;max-width:400px;padding:12px;color:#1f2937;border:1px solid #d1d5db;border-radius:8px}.newsletter-button{width:100%;max-width:180px;background-color:#6b46c1;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease-in-out}.newsletter-button:hover{background-color:#553c9a}.newsletter-footer{font-size:14px}.privacy-policy{cursor:pointer;transition:color .3s ease-in-out}.privacy-policy:hover{color:#fff}.wrapper{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);justify-content:center;align-items:center;gap:1em;transition:2s;cursor:none}.wrapper-text{color:#fff;font-weight:800}.dot{background:#fff;height:.65em;width:.65em;border-radius:50%;animation:.6s infinite move}@keyframes move{0%,100%{transform:translateX(50%)}50%{transform:translateX(-50%)}}