| 1 |
- {"version":3,"file":"static/css/546.ef85020b.chunk.css","mappings":"AAAA,kBAGE,8DACA,0BACA,CAHA,aAGA,eAIE,CARF,WAQE,uBACE,cAGF,6BAEE,YAEA,SAGF,CALE,iBAEA,CAGF,sCAKE,cAEA,CAHA,WAGA,SAHA,iBACA,CAEA,6DAGA,CARA,WAQA,wCACE,kBACA,CAGF,uDAME,aAKJ,CARI,6BAEA,oEACA,CAJA,UASJ,6BAEE,6BAGA,CAGF,SAHE,MAGF,4BAKE,kBACA,CAIA,UAPA,YACA,CADA,YACA,sBACA,CACA,iBAIA,CARA,UAQA,wCAEE,cAGF,CAJE,YAIF,2CACE,YAGF,2CAME,kBACA,cACA,CAHA,YACA,CAEA,cAEA,CAPA,OACA,CAHA,iBAEA,CACA,qEAMA,sDA2FF,mBA1FI,8hIA0FJ","sources":["pages/Home/index.module.scss"],"sourcesContent":[".home {\r\n width: 100vw;\r\n height: 100vh;\r\n background: url(../../assets/images/bg.png);\r\n background-size: 100% 100%;\r\n overflow: hidden;\r\n\r\n :global {\r\n\r\n img {\r\n cursor: pointer;\r\n }\r\n\r\n .btn_back {\r\n height: 60px;\r\n position: absolute;\r\n left: 1.5%;\r\n top: 4%;\r\n }\r\n\r\n .prgress-box {\r\n width: 93.2%;\r\n height: 2px;\r\n // background: #4BB582;\r\n position: absolute;\r\n bottom: 16.45vh;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n // position: relative;\r\n\r\n .active {\r\n background: #4BB582;\r\n height: 100%;\r\n }\r\n\r\n .number-box {\r\n width: 50px;\r\n height: 50px;\r\n position: absolute;\r\n top: 0;\r\n transform: translateY(-60%);\r\n color: #4BB582;\r\n }\r\n }\r\n\r\n\r\n .btn_logo {\r\n height: 50px;\r\n position: absolute;\r\n // left: 10px;\r\n top: 4%;\r\n right: 2%;\r\n }\r\n\r\n .btn-box {\r\n width: 100%;\r\n height: 15vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: absolute;\r\n bottom: 2%;\r\n\r\n // background: rgba(206, 36, 36, 0.822);\r\n .center-btn {\r\n padding: 10px;\r\n font-size: 18px;\r\n }\r\n\r\n .center-noshow {\r\n display: none;\r\n }\r\n\r\n .countDown-box {\r\n position: absolute;\r\n left: 6%;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n display: flex;\r\n align-items: center;\r\n color: #ECE5D6;\r\n font-size: 18px;\r\n\r\n .cicle-box {\r\n background: url(../../assets/images/img_time.png);\r\n background-size: 100% 100%;\r\n width: 45px;\r\n height: 45px;\r\n margin-right: 10px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n }\r\n }\r\n\r\n .question_mode {\r\n width: 58%;\r\n height: 70%;\r\n position: absolute;\r\n top: 14vh;\r\n right: 20vw;\r\n // background: red;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n color: #253241;\r\n letter-spacing: 1px;\r\n // font-weight: 600;\r\n font-size: 24px;\r\n line-height: 40px;\r\n\r\n img {\r\n height: 30vh;\r\n }\r\n\r\n .disc-img-box {\r\n display: flex;\r\n // justify-content: space-between;\r\n justify-content: center;\r\n\r\n img {\r\n margin-right: 3%;\r\n }\r\n }\r\n\r\n .issus-box {}\r\n\r\n .answers-box {\r\n display: flex;\r\n width: 100%;\r\n justify-content: space-evenly;\r\n margin-top: 2%;\r\n\r\n .answer-item {\r\n cursor: pointer;\r\n position: relative;\r\n\r\n img {\r\n margin-left: 1vw;\r\n height: 15vh;\r\n }\r\n\r\n .rightCurrentImg {\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n height: 35px;\r\n transform: translateX(120%);\r\n }\r\n }\r\n\r\n .answer-right {\r\n color: #4BB582;\r\n }\r\n\r\n .answer-false {\r\n color: #BF1616;\r\n }\r\n }\r\n\r\n }\r\n\r\n .result-box {\r\n width: 58%;\r\n height: 70%;\r\n position: absolute;\r\n top: 14vh;\r\n right: 20vw;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n color: #564C4C;\r\n font-size: 20px;\r\n\r\n }\r\n }\r\n}"],"names":[],"sourceRoot":""}
|
