@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.border{background-color:#5296a5;border:2px solid #30636e;border-radius:20px;flex-direction:column;padding:30px;width:100%}.border,.language-selection-container{align-items:center;display:flex;justify-content:center}.language-selection-container{background-color:#a57548;height:100vh;width:100vw}body{color:#504e4c;font-family:Kanit,sans-serif;margin:0;padding:0}.lang{align-items:center;background-color:#448391;border:2px solid #30636e;border-radius:20px;display:flex;flex-direction:column;font-size:30px;justify-content:center;padding:10px}.lang:hover{border:2px solid #326e30}.btn2{align-items:center;background-color:#448391;border:2px solid #30636e;border-radius:20px;display:flex;flex-direction:column;font-size:15px;justify-content:center;padding:10px}.btn2:hover{border:2px solid #326e30}.cadre{align-items:center;background-color:#5296a5;border:2px solid #30636e;border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:30px;width:60%}.reponse{display:flex;flex-direction:row;flex-wrap:wrap}.btn1{align-items:center;background-color:#448391;border:2px solid #30636e;border-radius:20px;display:flex;flex-direction:column;font-size:30px;justify-content:center;margin:15px;padding:10px}.btn1:hover{border:2px solid #326e30}.btn{background-color:#448391;border:2px solid #30636e;border-radius:20px;font-size:30px;padding:10px}.btn:hover{border:2px solid #09ff00}.symbole{font-size:45px}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}:root{--body-color:#e4e9f7;--sidebar-color:#fff;--primary-color:#695cfe;--primary-color-light:#f6f5ff;--toggle-color:#ddd;--text-color:#707070;--tran-03:all 0.2s ease;--tran-03:all 0.3s ease;--tran-04:all 0.3s ease;--tran-05:all 0.3s ease}body{background-color:#e4e9f7;background-color:var(--body-color);min-height:100vh;transition:all .3s ease;transition:var(--tran-05)}::selection{background-color:#695cfe;background-color:var(--primary-color);color:#fff}body.dark{--body-color:#18191a;--sidebar-color:#242526;--primary-color:#3a3b3c;--primary-color-light:#3a3b3c;--toggle-color:#fff;--text-color:#ccc}.sidebar{background:#fff;background:var(--sidebar-color);height:100%;left:0;padding:10px 14px;position:fixed;top:0;transition:all .3s ease;transition:var(--tran-05);width:250px;z-index:100}.sidebar.close{width:88px}.sidebar li{align-items:center;display:flex;height:50px;list-style:none;margin-top:10px}.sidebar .icon,.sidebar header .image{border-radius:6px;min-width:60px}.sidebar .icon{align-items:center;display:flex;font-size:20px;height:100%;justify-content:center}.sidebar .icon,.sidebar .text{color:#707070;color:var(--text-color);transition:all .3s ease;transition:var(--tran-03)}.sidebar .text{font-size:17px;font-weight:500;opacity:1;white-space:nowrap}.sidebar.close .text{opacity:0}.sidebar header{position:relative}.sidebar header .image-text{align-items:center;display:flex}.sidebar header .logo-text{display:flex;flex-direction:column}header .image-text .name{font-size:18px;font-weight:600;margin-top:2px}header .image-text .profession{display:block;font-size:16px;margin-top:-2px}.sidebar header .image{align-items:center;display:flex;justify-content:center}.sidebar header .image img{border-radius:6px;width:40px}.sidebar header .toggle{align-items:center;background-color:#695cfe;background-color:var(--primary-color);border-radius:50%;color:#fff;color:var(--sidebar-color);cursor:pointer;display:flex;font-size:22px;height:25px;justify-content:center;position:absolute;right:-25px;top:50%;transform:translateY(-50%) rotate(180deg);transition:all .3s ease;transition:var(--tran-05);width:25px}body.dark .sidebar header .toggle{color:#707070;color:var(--text-color)}.sidebar.close .toggle{transform:translateY(-50%) rotate(0deg)}.sidebar .menu{margin-top:40px}.sidebar li.search-box{border-radius:6px;cursor:pointer}.sidebar li.search-box,.sidebar li.search-box input{background-color:#f6f5ff;background-color:var(--primary-color-light);transition:all .3s ease;transition:var(--tran-05)}.sidebar li.search-box input{border:none;border-radius:6px;color:#707070;color:var(--text-color);font-size:17px;font-weight:500;height:100%;outline:none;width:100%}.sidebar li a{align-items:center;background-color:initial;border-radius:6px;display:flex;height:100%;list-style:none;text-decoration:none;transition:all .3s ease;transition:var(--tran-03);width:100%}.sidebar li a:hover{background-color:#695cfe;background-color:var(--primary-color)}.sidebar li a:hover .icon,.sidebar li a:hover .text{color:#fff;color:var(--sidebar-color)}body.dark .sidebar li a:hover .icon,body.dark .sidebar li a:hover .text{color:#707070;color:var(--text-color)}.sidebar .menu-bar{display:flex;flex-direction:column;height:calc(100% - 55px);justify-content:space-between;overflow-y:scroll}.menu-bar::-webkit-scrollbar{display:none}.sidebar .menu-bar .mode{background-color:#f6f5ff;background-color:var(--primary-color-light);border-radius:6px;position:relative;transition:all .3s ease;transition:var(--tran-05)}.menu-bar .mode .sun-moon{height:50px;width:60px}.mode .sun-moon i{position:absolute}.mode .sun-moon i.sun{opacity:0}body.dark .mode .sun-moon i.sun{opacity:1}body.dark .mode .sun-moon i.moon{opacity:0}.menu-bar .bottom-content .toggle-switch{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:100%;justify-content:center;min-width:60px;position:absolute;right:0}.toggle-switch .switch{background-color:#ddd;background-color:var(--toggle-color);border-radius:25px;height:22px;position:relative;transition:all .3s ease;transition:var(--tran-05);width:40px}.switch:before{background-color:#fff;background-color:var(--sidebar-color);border-radius:50%;content:"";height:15px;left:5px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;transition:var(--tran-04);width:15px}body.dark .switch:before{left:20px}.home{background-color:#e4e9f7;background-color:var(--body-color);height:100vh;left:250px;position:absolute;top:0;transition:all .3s ease;transition:var(--tran-05);width:calc(100% - 250px)}.home .text{color:#707070;color:var(--text-color);font-size:30px;font-weight:500;padding:12px 60px}.sidebar.close~.home{height:100vh;left:78px;width:calc(100% - 78px)}body.dark .home .text{color:#707070;color:var(--text-color)}.progress-container{background-color:#e7dbdb;border:1px solid #9cb1eb;border-radius:10px;height:20px;margin:20px 0;overflow:hidden;position:relative;width:100%}.progress-bar{align-items:center;background-color:#4caf50;color:#fff;display:flex;font-weight:700;height:100%;justify-content:center;position:relative;transition:width .5s ease-in-out}.progress-text{color:#3f3f3f;font-size:14px;position:absolute;text-align:center;width:100%;z-index:2}.quizTile{align-items:center;background-color:#d2dcf8;border:1px solid #9cb1eb;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;margin:15px;padding:10px;width:30%}.title{background-color:#b7c9fa;border:1px solid #92aaee;border-radius:.5rem;font-weight:900;margin-bottom:10px;padding:10px;width:100%}.btnStart,.title{text-align:center}.btnStart{background-color:#beccf1;border:1px solid #92aaee;border-radius:10px;box-shadow:9px 9px 16px #a3b1c699,-9px -9px 16px #fff9;color:#212121;font-weight:500;overflow:hidden;width:20%}.btnStart:hover{background-color:#b5c1e2}.bigHead{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:99%}.bigbig,.charaHead{align-items:center}.bigbig,.chara99,.charaHead{display:flex;justify-content:center}.chara99{background-color:#d2dcf8;border:1px solid #9cb1eb;flex-direction:row;flex-wrap:wrap;padding:10px;width:100%}.btnStart2{background-color:#beccf1;border:1px solid #92aaee;border-radius:10px;box-shadow:9px 9px 16px #a3b1c699,-9px -9px 16px #fff9;color:#212121;font-size:20px;font-weight:500;margin-left:10px;margin-right:10px;overflow:hidden;padding:10px;text-align:center}.btnStart2:hover{zoom:110%;background-color:#b5c1e2}.charaMain{justify-content:center}.charaList,.charaMain{align-items:center;display:flex}.charaList{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:95%}.CharaCard{background-color:#d2dcf8;border:1px solid #9cb1eb;border-radius:.5rem;font-size:45px;justify-content:center;margin:10px;padding:10px}.CharaCard:hover{background-color:#b5c1e2}.modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:20px;text-align:center;width:90%}.close-button{background:none;border:none;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.modal-overlay2{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content2{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:1000px;padding:20px;position:relative;width:90%}.close-button2{background:#beccf1;border:1px solid #92aaee;border-radius:50%;cursor:pointer;font-size:20px;height:50px;padding:0;position:absolute;right:10px;top:10px;width:50px}.close-button2:hover{background-color:#b5c1e2}.close-button3{background:#beccf1;border:1px solid #92aaee;border-radius:50%;cursor:pointer;font-size:20px;height:50px;padding:0;position:absolute;right:10px;top:70px;width:50px}.close-button3:hover{background-color:#b5c1e2}.close-button4{background:#beccf1;border:1px solid #92aaee;border-radius:50%;cursor:pointer;font-size:20px;height:50px;padding:0;position:absolute;right:10px;top:130px;width:50px}.close-button4:hover{background-color:#b5c1e2}.modelOui{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:space-between}.pinyinUnder{font-size:30px;text-align:center}.titleMainCard{font-size:40px;text-decoration:underline}.contentCard{font-size:25px}.barreSeparation{border:1px dotted #9cb1eb;margin-bottom:20px;margin-top:20px}.Lcontent{display:flex;flex-direction:column}.Lnavbar{justify-content:space-between}.Lnav2,.Lnavbar{display:flex;flex-direction:row}.Lnav2{padding-right:10px;padding-top:10px}.Lnavtitle{font-size:1.875rem;padding-left:10px;padding-top:10px}.Lnavsub,.Lnavtitle{font-weight:700;letter-spacing:-.01562em}.Lnavsub{font-size:1.175rem}.Lnavsub:hover{text-decoration:underline}.LHero{align-items:center;border-bottom:1px solid #9cb1eb;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:300px;padding-top:300px}.LTitle{font-size:3.5rem;font-weight:700;letter-spacing:-.01562em}.Lbtn{display:flex;flex-direction:row;padding-top:20px}.Lbtn1{background-color:#000;border-radius:8px;color:#f5f5f5;cursor:pointer;margin-right:10px;padding:8px}.Lbtn1:hover{background-color:#333030}.Lbtn2{background-color:#b1bfe7;border:1px solid #9cb1eb;border-radius:8px;color:#000;cursor:pointer;margin-left:10px;padding:8px}.Lbtn2:hover{background-color:#b0ccdd}.LSubTitle{font-size:2.5rem;font-weight:700;letter-spacing:-.01562em}.LSubKey{display:flex;flex-direction:row;justify-content:space-between}.LKeyCard{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:28%}.LsubT3{font-size:1.5rem;font-weight:700}.LsubT3,.LsubT4{letter-spacing:-.01562em}.LsubT4{color:gray;font-size:1rem;font-weight:300}.LPricing{align-items:center;border-bottom:1px solid #9cb1eb;flex-direction:column;padding-bottom:100px;padding-top:100px}.LPriSub,.LPricing{display:flex;justify-content:space-between}.LPriSub{flex-direction:row;flex-wrap:wrap}.LPriTri{display:flex;flex-direction:column}.borderCarte{background-color:#dde4f7;border:1px solid #9cb1eb;border-radius:10px;padding:25px}.btnPricing{background-color:#000;border-radius:8px;color:#f5f5f5;cursor:pointer;margin-right:10px;margin-top:15px;padding:8px}.btnPricing:hover{background-color:#333030}.LKey{align-items:center;background-color:#dde4f7;border-bottom:1px solid #9cb1eb;display:flex;flex-direction:column;justify-content:center;padding-bottom:100px;padding-top:100px}
/*# sourceMappingURL=main.b9a8b488.css.map*/