body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f9ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body *{font-family:Mulish,sans-serif}.App-link{color:#61dafb}.progress-bar{background-color:#eff3fa;width:100%}.progress{background:linear-gradient(90deg,#f39c12,#ffd503);border-radius:0 8px 8px 0;height:8px;transition:width .3s ease-in-out;width:0}.first__screen_instruction_wrap h3{color:#002362;font-family:Poppins,sans-serif;font-size:32px;font-weight:600;margin:20px 0 10px;text-align:center}.header_game_row h1{color:#002362;font-size:40px;font-weight:700;margin:10px 0;text-align:center}.instruction__sub_title{color:#2c4879;font-size:24px;margin:0 auto 10px}.instruction__body_copy,.instruction__sub_title{font-weight:600;max-width:1170px;text-align:center}.instruction__body_copy{color:#7188b0;font-size:20px;margin:0 auto 20px}.main__wrapper_game{display:flex;flex-wrap:wrap;height:100%;min-height:760px}.main__wrapper_game .header_game_row{height:90px;width:100%}.main__wrapper_game .body__game_row{height:calc(100% - 90px);width:100%}body,html{width:100%}body,div#root,html{height:100%}.main__wrapper_game .body__game_row main{display:flex;height:calc(100% - 80px);justify-content:center;min-height:770px;width:100%}.main__wrapper_game .body__game_row footer{align-items:center;border-top:1px solid #bdc3c7;display:flex;height:80px;justify-content:space-between;margin:0 auto;max-width:1170px;width:100%}.main__wrapper_game .body__game_row .first__screen_instruction_wrap{display:flex;flex-wrap:wrap;justify-content:center}.main__wrapper_game .body__game_row .first__screen_instruction_wrap .img__box{align-items:flex-end;column-gap:100px;display:flex;justify-content:center;padding-bottom:30px;width:100%}.right__footer_col button{background:linear-gradient(90deg,#f39c12,#ffd503);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:19px;font-weight:700;padding:11px 37px}.left__footer_col button.back__btn_footer{align-items:center;background:no-repeat;border:none;color:#002362;column-gap:6px;cursor:pointer;display:flex;font-size:19px;font-weight:700;padding:0}span.color__skyBlue{color:#44cbff}.instruction__body_copy b{color:#3f5a8b}.color__red{color:#ff301b}.begin_game_instruction_wrap{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041c3999;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.begin_game_instruction_popup_container{background:#fff;border-radius:30px;display:flex;flex-wrap:wrap;justify-content:center;max-width:550px;padding:35px;text-align:center;width:95%}ul.begin_game_instruction_popup_list{color:#2c4879;max-width:480px;padding-left:15px;text-align:left}.begin_game_instruction_popup_container h3{color:#002362;font-size:32px;font-weight:700;margin:15px 0 0;width:100%}.begin_game_instruction_popup_container h4{color:#2c4879;font-size:24px;margin:0 0 20px;width:100%}.begin_game_instruction_popup_container p{color:#7188b0;font-size:20px;font-weight:600;margin-bottom:5px}.cong__modal_wrap{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041c3999;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.cong__modal_wrap .cong__modal_inner_container{background:#fff;border-radius:30px;flex-wrap:wrap;justify-content:center;max-width:570px;padding:35px;text-align:center;width:95%}.cong__modal_wrap .cong__modal_inner_container h2{color:#002362;font-size:32px;font-weight:700;margin:15px 0 0;width:100%}.cong__modal_wrap .cong__modal_inner_container h5{color:#2c4879;font-size:22px;margin:12px 0}.cong__modal_wrap .cong__modal_inner_container p{color:#7188b0;font-size:20px;font-weight:600}.cong__modal_wrap .cong__modal_inner_container button.cont__btn_footer{background:linear-gradient(90deg,#f39c12,#ffd503);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:19px;font-weight:700;padding:11px 37px}.button__row_col{align-items:center;column-gap:15px;display:flex;justify-content:center}.button__row_col button.tgiveup__btn{background:#0000;color:#002362}.button__row_col button.tgiveup__btn,.button__row_col button.try_again__btn{border:none;border-radius:5px;cursor:pointer;font-size:19px;font-weight:700;padding:11px 37px}.button__row_col button.try_again__btn{background:linear-gradient(90deg,#f39c12,#ffd503);color:#fff}.cong__modal_wrap.fail_comp_main_wrap .cong__modal_inner_container{max-width:970px}.right__footer_col button.giveup_button_form_page{background:#0000;color:#002362}.cong__modal_wrap .cong__modal_inner_container button.cont__btn_footer{padding:0}.cong__modal_wrap .cong__modal_inner_container button.cont__btn_footer a{color:inherit;display:block;padding:11px 37px;text-decoration:none}.form__page_wrapper{height:100%;min-height:840px;text-align:center}.form__page_wrapper footer{align-items:center;border-top:1px solid #bdc3c7;display:flex;justify-content:space-between;margin:20px auto;max-width:1170px;padding-top:20px}.form__page_wrapper header:after{background:linear-gradient(90deg,#f39c12,#ffd503);content:"";display:block;height:6px;width:100%}.form__page_wrapper .first__screen_instruction_wrap{display:flex;flex-wrap:wrap;height:calc(100% - 195px);justify-content:center;margin:0 auto;max-width:1170px;min-height:fit-content}.form__page_wrapper .first__screen_instruction_wrap .img__box{align-items:flex-end;column-gap:200px;display:flex;justify-content:center;margin-top:80px}.form__page_wrapper.iknow__component_wrap h1{margin:0;padding:20px 0}.form__page_wrapper.iknow__component_wrap .first__screen_instruction_wrap{height:fit-content}.form__page_wrapper.iknow__component_wrap .form__wrap_incom{margin:40px auto 0;max-width:1170px}.form__page_wrapper.iknow__component_wrap .form__wrap_incom .form__taxarea_box{display:flex;flex-wrap:wrap;margin-bottom:25px}.form__page_wrapper.iknow__component_wrap .form__wrap_incom .form__taxarea_box label{color:#7188b0;font-size:20px;font-weight:600;margin-bottom:10px;text-align:left;width:100%}.form__page_wrapper.iknow__component_wrap .form__wrap_incom .form__taxarea_box textarea{border:#ffdead;border-radius:8px;height:80px;width:99%}.inComplete__pop_wrap{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041c3999;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.inComplete__pop_container{background:#fff;border-radius:30px;flex-wrap:wrap;justify-content:center;max-width:570px;padding:65px 35px;text-align:center;width:95%}.inComplete__pop_container h3{color:#002362;font-size:32px;font-weight:700;margin:15px 0 0;width:100%}.inComplete__pop_container h5{color:#2c4879;font-size:22px;margin:12px 0}.inComplete__pop_container p{color:#7188b0;font-size:20px;font-weight:600}.inComplete__pop_container button.footer_btn_ok{background:linear-gradient(90deg,#f39c12,#ffd503);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:19px;font-weight:700;padding:11px 37px}.img__box.ChemMatchingGame canvas{height:100%;margin-top:-90px;max-height:520px;max-width:1170px;width:100%}.list__instruction_content p.title__group{color:#2c4879;font-weight:700;margin-bottom:5px;text-align:left}.list__instruction_content ul{color:#2c4879;font-size:14px;margin-top:0;padding-left:15px;text-align:left}.list__instruction_content p.goodluck__content{color:#2c4879;font-size:16px;text-align:left}.first__screen_instruction_wrap.fourth__screen_content h3{text-align:left}.first__screen_instruction_wrap.fourth__screen_content .instruction__sub_title{font-size:20px;text-align:left}.list__instruction_content p.goodluck__content span{font-size:19px;font-weight:800}.continue__btn_begin_game_instruction{background:linear-gradient(90deg,#f39c12,#ffd503);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:19px;font-weight:700;padding:11px 37px}ul.form__page_content_list{color:#2c4879;font-size:18px;font-weight:500;text-align:left}.data-table.body__start{min-height:calc(100vh - 150px);padding-bottom:20px;width:100%}.data-table.body__start h2{color:#002362;font-family:Poppins,sans-serif;font-size:32px;font-weight:600;margin:20px 0 10px;text-align:center}.data-table.body__start table{padding:0 15px;width:100%}.data-table.body__start th{background:#d4e4fb;color:#002362;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;padding:8px 5px;text-align:left}.data-table.body__start tr td{background:#eef4fd;color:#002362;font-family:Poppins,sans-serif;font-size:12px;padding:5px}.user__data_table footer{display:flex;justify-content:flex-end;padding:0 15px}.data-table.body__start th.glass__content_col{width:17vw}.combination__phaseF_box em{font-style:normal}th.combination__content_col{width:15vw}table.overall_data_style_table{width:35000px}table.overall_data_style_table th{background:#d4e4fb;color:#002362;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;padding:8px 5px;text-align:left}table.overall_data_style_table th.question_th{width:500px}table.overall_data_style_table td{background:#eef4fd;color:#002362;font-family:Poppins,sans-serif;font-size:12px;padding:5px}table.overall_data_style_table th.date_th{width:80px}@media only screen and (min-width:768px) and (max-width:1024px){img.img_info_first{min-width:330px;width:65%}img.img_info_second{min-width:150px;width:24%}.main__wrapper_game .body__game_row .first__screen_instruction_wrap .img__box{column-gap:10%}.main__wrapper_game .body__game_row main{box-sizing:border-box;min-height:fit-content;padding:0 30px}.main__wrapper_game .body__game_row footer{box-sizing:border-box;padding:0 10px}.main__wrapper_game .body__game_row .first__screen_instruction_wrap{height:100%}.main__wrapper_game .body__game_row .first__screen_instruction_wrap .game__play_wrap{align-items:flex-end;display:flex;max-width:100%;padding:0 15px}.main__wrapper_game .body__game_row .first__screen_instruction_wrap .game__play_wrap canvas{height:fit-content;width:100%}.form__page_wrapper .first__screen_instruction_wrap{height:calc(100% - 180px);padding:0 15px}.form__page_wrapper h1{margin-top:0;padding-top:15px}.form__page_wrapper footer{box-sizing:border-box;margin-bottom:0;padding:15px;width:100%}.form__page_wrapper.iknow__component_wrap .form__wrap_incom form{display:flex;flex-wrap:wrap;min-height:82vh}.form__page_wrapper.iknow__component_wrap .form__wrap_incom form .form__body{min-height:75vh;padding:0 20px}}@media only screen and (max-width:767px){.main__wrapper_game .body__game_row .first__screen_instruction_wrap .img__box{align-items:center;flex-direction:column-reverse;flex-wrap:wrap;justify-content:center;row-gap:25px}.main__wrapper_game .body__game_row .first__screen_instruction_wrap .img__box img.img_info_second{max-width:220px}.main__wrapper_game .body__game_row .first__screen_instruction_wrap .img__box img.img_info_first{height:auto;max-width:80%}.instruction__sub_title{font-size:18px}.instruction__body_copy{font-size:14px}.content__Box{padding:0 15px}.main__wrapper_game .body__game_row footer{box-sizing:border-box;padding:0 15px}img.light_blue_beaker_img,img.red__third_beaker_img{max-width:320px;width:95%}.body__game_row.game__begin{box-sizing:border-box;height:fit-content;min-height:fit-content;padding:0 15px}.body__game_row.game__begin .img__box img:first-child{max-width:400px;width:80%}.body__game_row.game__begin .img__box img:last-child{max-width:180px;width:80%}}
/*# sourceMappingURL=main.4f7a0b3b.css.map*/