@import url(https://fonts.googleapis.com/css2?family=Dosis&display=swap);@import url(https://fonts.googleapis.com/css2?family=Hurricane&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);@import url(https://fonts.googleapis.com/css2?family=Jura:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Jura:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Mono&display=swap);*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b6c8dc;border-radius:20px}@media (max-width:650px){.video{padding:1em}.video iframe{border-radius:5px;height:300px;width:100%}}.loading{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.loading .load{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;border-left:3px solid transparent;border-radius:50%;border-right:3px solid transparent;height:120px;margin-right:.5em;width:120px}.alert-box{align-items:center;-webkit-animation:fade .3s ease-in-out;animation:fade .3s ease-in-out;background:#fff;border-radius:5px;bottom:1em;display:flex;height:50px;padding:0 1em;position:fixed;right:1em;z-index:10000}.alert-box svg{color:#445d6e;height:20px;margin-right:.5em}.alert-box p{color:#445d6e;font-weight:700}.show-more{background:gray;height:100vh;left:0;overflow-y:scroll;padding:2em 1em;position:fixed;top:0;-webkit-transform:translateX(-110%);transform:translateX(-110%);transition:all .3s ease-in-out;width:300px;z-index:3000}.show-more .close-show-more{cursor:pointer;position:absolute;right:1em;top:1em}.show-more .close-show-more svg{height:17px;transition:all .2s ease-in-out}.show-more .close-show-more svg:hover{color:gray}.show-more .show-more-title h1{font-family:Open Sans,sans-serif;font-size:20px;font-weight:lighter}.show-more .show-more-title h1 span{font-family:Ubuntu,sans-serif}.show-more .line{height:2px;margin:1em 0;width:100%}.show-more .certified p{padding-bottom:.5em}.show-more .certified img{cursor:pointer;margin-top:.5em;width:100%}.show-more.show{-webkit-transform:translateX(0);transform:translateX(0)}.learn-more{align-items:center;bottom:1em;cursor:pointer;display:flex;flex-direction:column;position:absolute;right:1em}.learn-more .dot{background:#fff;border-radius:50%;height:5px;width:5px}.learn-more .dot:nth-child(2){margin:.15em 0}.certificate{background:#f6f9fc;height:100vh;left:0;padding:2em 1em;position:fixed;top:0;-webkit-transform:translateX(-110%);transform:translateX(-110%);transition:all .2s ease-in-out;width:600px;z-index:10000}.certificate h1{color:#000;font-size:25px;font-weight:lighter;padding-bottom:.5em}.certificate iframe{border-radius:5px;box-shadow:0 2px 5px 0 #999;height:40vh;width:100%}.certificate .close{align-items:center;display:flex;justify-content:flex-end;padding:1em 0;width:100%}.certificate .close button{background:#fff;border:none;border-radius:5px;box-shadow:0 2px 4px rgba(50,50,93,.102);cursor:pointer;font-size:16px;height:50px;outline:none;transition:all .2s ease-in-out;width:100px}.certificate .close button:hover{background:#eee}.certificate .close a{color:#fff;text-decoration:none}.certificate.show{-webkit-transform:translateX(0);transform:translateX(0)}@media (max-width:600px){.certificate{width:100%}}::-webkit-input-placeholder{color:#ccc}.ace-solarized-light .ace_gutter,.ace-solarized-light .ace_gutter-active-line{background:transparent}.ace-solarized-light .ace_gutter{color:#8794a4}.ace-eclipse .ace_gutter-active-line{background:transparent}.ace-xcode .ace_gutter{background:transparent;border:unset}.ace-xcode .ace_gutter-active-line{background:transparent}.ace-xcode .ace_gutter{color:#8794a4}.ace-chrome .ace_gutter{background:transparent;border:unset}.ace-chrome .ace_gutter-active-line{background:transparent}.ace-chrome .ace_gutter{color:#8794a4}.ace-monokai .ace_gutter,.ace-monokai .ace_gutter-active-line{background:transparent}.ace-monokai .ace_gutter{color:#8794a4}.ace-solarized-dark .ace_gutter,.ace-solarized-dark .ace_gutter-active-line{background:transparent}.ace-solarized-dark .ace_gutter{color:#8794a4}.ace-dracula .ace_gutter,.ace-dracula .ace_gutter-active-line{background:transparent}.ace-dracula .ace_gutter{color:#8794a4}.ace-tomorrow-night-bright .ace_gutter,.ace-tomorrow-night-bright .ace_gutter-active-line{background:transparent}.ace-tomorrow-night-bright .ace_gutter{color:#8794a4}#x{background:linear-gradient(#04ff00,#369536);border-radius:50%;height:20px;width:20px}.drop-timers{-webkit-animation:leftAnimation .2s ease-in-out;animation:leftAnimation .2s ease-in-out;background:#014353;border-radius:4px;box-shadow:0 4px 20px 0 #999;margin-top:1em;padding:1em;position:absolute;right:1em;top:50px;width:250px;z-index:1000}.drop-timers .close{cursor:pointer;position:absolute;right:0;top:.5em}.drop-timers .close img{height:30px}.drop-timers .timers{align-items:flex-start;display:flex;flex-direction:column}.drop-timers .timers .timer-head{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:.5em 0;text-align:center;width:100%}.drop-timers .timers .timer-head h3{font-family:Ubuntu,sans-serif;font-size:20px}.drop-timers .timers .timer-head h1{font-family:Open Sans,sans-serif;font-size:30px;font-weight:400}.drop-timers .timers .min{align-items:flex-start;display:flex;flex-direction:column;padding:.5em 0;width:100%}.drop-timers .timers .min p{font-size:16px}.drop-timers .timers .min input{background:#e0e0e0;border:none;border-radius:4px;color:#555;font-size:16px;height:40px;margin-top:.25em;outline:none;padding:0 .5em;width:100%}.drop-timers .timers .min .timer-btn{align-items:center;display:flex;width:100%}.drop-timers .timers .min .timer-btn button{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Open Sans,sans-serif;font-size:14px;height:40px;justify-content:center;outline:none;width:50%}.drop-timers .timers .min .timer-btn button:first-child{background:#626ee3;margin:.8em .4em 0 0}.drop-timers .timers .min .timer-btn button:first-child:hover{background:#5960bf}.drop-timers .timers .min .timer-btn button:nth-child(2){background:#d13434;box-shadow:0 2px 5px 0 #191919;margin:.8em 0 0 .4em}.drop-timers .timers .min .timer-btn button:nth-child(2):hover{background:#b32c2c}.drop-timers .timers .min .timer-btn button i{margin-right:.5em}.drop-timers .line-time{padding:1.5em 0}.drop-timers .line-time .line{background:#e0e0e0;border-radius:30px;height:.3em;width:100%}@-webkit-keyframes leftAnimation{0%{margin-right:-40px;opacity:0}to{margin-right:0;opacity:1}}@keyframes leftAnimation{0%{margin-right:-40px;opacity:0}to{margin-right:0;opacity:1}}@media (max-width:650px){.drop-timers{height:100vh;left:0;margin:0;padding:2em;position:fixed;top:0;width:100%}}h1,h2,h3,h4,h5,h6{font-family:Ubuntu,sans-serif;font-weight:lighter}img{-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none}html{scroll-behavior:smooth}button{text-decoration:none}body,button,input{font-family:Open Sans,sans-serif}body{background:#f6f9fc;color:#02203c;overflow-x:hidden}body .workspace-dark{background:#02203c;z-index:10000}body .workspace-dark,body main .ds-black{height:100vh;left:0;position:fixed;top:0;width:100%}body main .ds-black{background:rgba(0,0,0,.5);z-index:1000}body main .ds-course{background:#fff;box-shadow:0 2px 5px 0 #002b36;color:#44555a;height:100vh;overflow-x:hidden;overflow-y:scroll;padding:0 2em;position:fixed;right:0;top:0;-webkit-transform:translateX(110%);transform:translateX(110%);transition:all .3s ease-in-out;width:450px;z-index:1000}body main .ds-course .ds-header{padding:40px 0;width:100%}body main .ds-course .ds-header,body main .ds-course .ds-header .ds-title{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}body main .ds-course .ds-header .ds-title h1{color:#626ee3;font-family:Open Sans,sans-serif;font-size:18px;font-weight:700;margin:0;padding:0}body main .ds-course .ds-header .ds-title p{margin:0;padding:0}body main .ds-course .ds-header .ds-title svg{color:#626ee3;height:50px;margin-right:.5em}body main .ds-course .ds-header svg{cursor:pointer;height:20px;left:1em;position:absolute;top:1em}body main .ds-course .ds-header svg:hover{color:#02203c}body main .ds-course .menu-ds{margin-bottom:2em}body main .ds-course .menu-ds .menus-ds{align-items:center;background:#fff;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:.25em;width:100%}body main .ds-course .menu-ds .menus-ds p{color:#626ee3;cursor:pointer;font-size:14px;font-weight:700;margin:0;padding:0;width:unset}body main .ds-course .menu-ds .menus-ds p:hover{color:#02203c}body main .ds-course h1{align-items:center;color:#02203c;display:flex;font-family:Open Sans,sans-serif;font-size:20px;font-weight:700;padding-top:1em}body main .ds-course h1 img{cursor:pointer;height:25px;margin-left:16px;transition:all .2 ease-in-out}body main .ds-course h1 img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}body main .ds-course p{font-size:14px;line-height:25px;padding:.5em 0 0;width:100%}body main .ds-course .structure{background:#fff;border-radius:5px;box-shadow:0 2px 4px #eee;font-family:monospace;margin-top:.5em;padding:1em}body main .ds-course li{font-size:14px;list-style-type:none;padding:.5em 0}body main .ds-course li b{font-family:Open Sans,sans-serif;font-size:14px;font-weight:700}body main .ds-course li ul{margin-left:1em}body main .ds-course .line-ds{background:#e0e0e0;border-radius:20px;height:.3em;margin:1em 0;width:100%}body main .ds-course h4{border-left:4px solid #626ee3;color:#02203c;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;margin-top:.5em;padding:0 .5em}body main .ds-course span{font-family:Roboto,sans-serif}body main .ds-course.show{-webkit-transform:translateX(0);transform:translateX(0);transition:all .3s ease-in-out}body main header{align-items:center;background:#fff;box-shadow:0 2px 4px 0 #eee;display:flex;justify-content:center;padding:1em 0;width:100%}body main header .header-inner{align-items:center;display:flex;justify-content:space-between;width:800px}body main header .header-inner .logo{align-items:flex-start;align-items:center;cursor:pointer;display:flex}body main header .header-inner .logo .logos{align-items:center;cursor:pointer;display:flex;flex-direction:column;font-family:Jura,sans-serif;text-align:center}body main header .header-inner .logo .logos .logo-infos{align-items:center;display:flex}body main header .header-inner .logo .logos .logo-infos svg{transition:all 2s ease-in-out}body main header .header-inner .logo .logos .logo-infos .logo-name h1{font-family:Jura,sans-serif;font-size:25px;margin-left:.25em}body main header .header-inner .logo .logos .logo-content h3{color:#626ee3;font-family:Jura,sans-serif;font-size:18px;font-weight:700}body main header .header-inner .logo .logos .infos{align-items:center;display:flex;height:18px;justify-content:center;position:relative;transition:all 3s ease-in-out;width:50px}body main header .header-inner .logo .logos .oval2{border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:100%}body main header .header-inner .logo .logos .oval3{border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:100%}body main header .header-inner .logo .logos .circle{background:url(/static/media/profile.6c5da5dca76130d88362.jpg) no-repeat;background-position:50%;background-size:cover;border-radius:50%;height:8px;position:absolute;width:8px}body main .settings{height:100%;padding:1em;position:fixed;right:0;top:0;-webkit-transform:translateX(110%);transform:translateX(110%);transition:all .3s ease-in-out;width:350px}body main .settings .title-settings{margin-top:3em;width:100%}body main .settings .title-settings h1{font-size:20px}body main .settings .size{align-items:center;display:flex;justify-content:space-between;padding:1em 0 .5em}body main .settings .size .size-btn{background:#fff;border-radius:5px;box-shadow:0 2px 4px 0 #e0e0e0;padding:.25em;width:150px}body main .settings .size .size-btn button{background:unset;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:5vh;outline:none;transition:unset;width:33.33%}body main .settings .prep,body main .settings .yt{align-items:center;cursor:pointer;display:flex;padding-top:1em}body main .settings .prep i,body main .settings .yt i{color:red;font-size:20px}body main .settings .prep p,body main .settings .yt p{font-family:Lato,sans-serif;margin-left:.25em}body main .settings #reset{background:unset;border:none;border-radius:5px;bottom:1em;color:unset;cursor:pointer;font-family:Lato,sans-serif;font-size:16px;left:1em;margin-top:1em;outline:none;position:absolute}body main .settings #reset:hover{color:#626ee3}body main .settings .close-settings svg{cursor:pointer;height:20px;left:1em;position:absolute;top:1em}body main .settings.show{-webkit-transform:translateX(0);transform:translateX(0)}body main .mems{background:#fff;height:100vh;left:0;overflow-y:scroll;position:fixed;top:0;width:100%;z-index:1000}body main .mems .close-members{cursor:pointer;position:absolute;right:1em;top:1em}body main .mems .close-members img{height:30px}body main .mems .member-header{align-items:center;display:flex;justify-content:center;padding:4em 0 2em;text-align:center;width:100%}body main .mems .member-header h1{font-size:20px}body main .mems .member-data{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;width:100%}body main .mems .member-data .users-data{align-items:center;background:#fff;border-radius:5px;border-right:1em solid #666;box-shadow:0 2px 4px 0 #eee;display:flex;height:50px;margin:0 .125em .25em;padding:0 1em;position:relative;width:350px}body main .mems .member-data .users-data p{cursor:pointer;font-family:Lato,sans-serif}body main .mems .member-data .users-data p:hover{color:#626ee3}body main .mems .member-data .users-data .user-dot{background:#898989;border-bottom-right-radius:5px;border-top-right-radius:5px;height:50px;position:absolute;right:-.5em;top:0;width:30px}body main .js-editor{align-items:center;background:#626ee3;border-bottom-left-radius:5px;border-top-left-radius:5px;cursor:pointer;display:flex;flex-direction:column;padding:.75em 0;position:fixed;right:0;text-align:center;top:20vh;width:35px;z-index:500}body main .js-editor span{color:#fff;font-family:Open Sans,sans-serif;font-size:16px;font-weight:bolder;text-transform:uppercase}body main .pagnavath{background:rgba(0,0,0,.8);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}body main .pagnavath,body main .pagnavath .instructor-container{align-items:center;display:flex;justify-content:center;text-align:center}body main .pagnavath .instructor-container{background:#fff;border-radius:5px;flex-direction:column;padding:2em 1em;position:relative;width:250px}body main .pagnavath .instructor-container .me{background:url(/static/media/profile.6c5da5dca76130d88362.jpg) no-repeat;background-position:50%;background-size:cover;border-radius:50%;height:150px;width:150px}body main .pagnavath .instructor-container h1{font-size:25px}body main .pagnavath .instructor-container p{padding:.5em 0}body main .pagnavath .instructor-container button{background:#626ee3;border:none;border-radius:5px;box-shadow:0 2px 5px 0 #999;color:#fff;cursor:pointer;font-size:16px;height:40px;outline:none;width:100%}body main .pagnavath .instructor-container button:hover{background:#5960bf}body main .pagnavath .instructor-container button a{color:#fff;text-decoration:none}body main .pagnavath .instructor-container img{cursor:pointer;height:30px;position:absolute;right:.5em;top:.5em}body main .ql{-webkit-touch-callout:none;height:100vh;left:0;overflow-y:scroll;position:fixed;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:100}body main .ql .complete-bar{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1em;text-align:center;width:100%}body main .ql .complete-bar h1{font-size:22px;font-weight:lighter;padding-bottom:.5em}body main .ql .complete-bar p{color:#02203c;font-size:16px;padding-top:1em}body main .ql .complete-bar .percents{background:#f5f5f5;border-radius:5px;box-shadow:inset 1px 1px 1px 1px rgba(99,99,99,.2);height:25px;overflow:hidden;position:relative;width:475px}body main .ql .complete-bar .percents h1{color:#ccc;font-size:20px;margin-top:.05em;position:relative;z-index:1000}body main .ql .complete-bar .percents .percents-calculate{background:#02203c;height:100%;left:0;position:absolute;top:0;transition:width .1s ease-in-out;width:0}body main .ql .ql-title{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2em 1em;text-align:center;width:100%}body main .ql .ql-title h1{background:#626ee3;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 2px 5px 0 #999;color:#fff;cursor:pointer;font-size:18px;left:7em;padding:1em;position:absolute;top:0}body main .ql .ql-title p{font-size:18px;font-weight:700;padding-top:.25em}body main .ql .group{align-items:center;display:flex;justify-content:center;padding:1em;text-align:center;width:100%}body main .ql .group button{background:none;border:none;color:#626ee3;cursor:pointer;font-size:16px;font-weight:bolder;outline:none;padding:1em 0;transition:all .1s ease-in-out;width:200px}body main .ql .group button:hover{color:#02203c}body main .ql .filter{flex-wrap:wrap;padding:1em;width:100%}body main .ql .filter,body main .ql .filter .status{align-items:center;display:flex;justify-content:center}body main .ql .filter .status{background:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(50,50,93,.102);height:40px;margin:.7em;overflow:hidden}body main .ql .filter .status .complete,body main .ql .filter .status .incomplete{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;padding:0 10px}body main .ql .filter .status .complete:hover,body main .ql .filter .status .incomplete:hover{background:#e0e0e0}body main .ql .filter .status .complete:hover .check,body main .ql .filter .status .incomplete:hover .check{border-color:#a1a1a1}body main .ql .filter .status .complete .check,body main .ql .filter .status .incomplete .check{align-items:center;border:.1em solid rgba(2,32,60,.502);border-radius:5px;display:flex;height:20px;justify-content:center;margin-right:.25em;width:20px}body main .ql .filter .status .complete .check svg,body main .ql .filter .status .incomplete .check svg{color:#02203c}body main .ql .filter .status .complete svg,body main .ql .filter .status .incomplete svg{color:#ffc850;cursor:pointer;font-size:22px}body main .ql .filter .status .complete #through,body main .ql .filter .status .incomplete #through{color:#737e8e}body main .ql .reset-filters{align-items:center;display:flex;flex-direction:column;font-family:Lato,sans-serif;justify-content:center;text-align:center;width:100%}body main .ql .reset-filters span{color:#445d6e;font-family:Open Sans,sans-serif;font-size:16px;font-weight:lighter;padding-bottom:.25em}body main .ql .reset-filters p{color:#626ee3;cursor:pointer;transition:all .2s ease-in-out}body main .ql .reset-filters p:hover{color:#02203c}body main .ql .ql-close{cursor:pointer;position:absolute;right:1em;top:1em}body main .ql .ql-close img{height:30px}body main .ql .copyright-line{background:#ccc;height:2px;margin:5em auto 0;width:80%}body main .ql .copyright-ql{align-items:center;display:flex;justify-content:center;padding:2em 1em;text-align:center;width:100%}body main .ql .copyright-ql p{color:#445d6e!important;font-size:14px}body main .ql .ql-container{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;padding:1em;width:100%}body main .ql .ql-container .medium .ls{border-right:2em solid red}body main .ql .ql-container .easy,body main .ql .ql-container .hard,body main .ql .ql-container .medium{padding:1em}body main .ql .ql-container .easy h1,body main .ql .ql-container .hard h1,body main .ql .ql-container .medium h1{font-size:22px;font-weight:lighter;padding-bottom:18px}body main .ql .ql-container .easy .ls,body main .ql .ql-container .hard .ls,body main .ql .ql-container .medium .ls{-webkit-touch-callout:none;align-items:center;border-radius:5px;border-right:2em solid #00ce7f;box-shadow:0 1px 2px 0 rgba(0,0,0,.2);display:flex;height:50px;justify-content:space-between;margin-top:.3em;padding:1em;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:350px}body main .ql .ql-container .easy .ls .border,body main .ql .ql-container .hard .ls .border,body main .ql .ql-container .medium .ls .border{border-bottom-right-radius:5px;border-top-right-radius:5px;height:50px;position:absolute;right:-2.5em;top:0;width:18px;z-index:-1}body main .ql .ql-container .easy .ls .ql-com,body main .ql .ql-container .hard .ls .ql-com,body main .ql .ql-container .medium .ls .ql-com{align-items:center;display:flex}body main .ql .ql-container .easy .ls .ql-com .completed,body main .ql .ql-container .hard .ls .ql-com .completed,body main .ql .ql-container .medium .ls .ql-com .completed{border-radius:50%;height:20px;width:20px}body main .ql .ql-container .easy .ls .ql-com p,body main .ql .ql-container .hard .ls .ql-com p,body main .ql .ql-container .medium .ls .ql-com p{color:#626ee3;cursor:pointer;font-family:Lato,sans-serif;font-size:16px;font-weight:700;padding-left:.75em;transition:all .3s ease-in-out}body main .ql .ql-container .easy .ls .ql-com p:hover,body main .ql .ql-container .hard .ls .ql-com p:hover,body main .ql .ql-container .medium .ls .ql-com p:hover{color:#02203c}body main .ql .ql-container .easy .ls .inst-u .u,body main .ql .ql-container .hard .ls .inst-u .u,body main .ql .ql-container .medium .ls .inst-u .u{margin-right:.5em;padding:0}body main .ql .ql-container .easy .ls .inst-u .u svg,body main .ql .ql-container .hard .ls .inst-u .u svg,body main .ql .ql-container .medium .ls .inst-u .u svg{color:#ffc850;cursor:pointer;font-size:22px;margin:.2em 0 0;padding:0}body main .ql .ql-container .easy .ls .inst-u .inst,body main .ql .ql-container .hard .ls .inst-u .inst,body main .ql .ql-container .medium .ls .inst-u .inst{background:url(/static/media/profile.6c5da5dca76130d88362.jpg) no-repeat;background-position:50%;background-size:110%;border-radius:50%;height:0;transition:width .2s ease-in-out,height .2s ease-in-out;width:0}body main .ql .ql-container .easy .ls .inst-u .line-through,body main .ql .ql-container .hard .ls .inst-u .line-through,body main .ql .ql-container .medium .ls .inst-u .line-through{align-items:center;display:flex;height:22px;justify-content:center;margin:0;padding:0;text-align:center;width:22px}body main .ql .ql-container .easy .ls .inst-u .line-through:hover,body main .ql .ql-container .hard .ls .inst-u .line-through:hover,body main .ql .ql-container .medium .ls .inst-u .line-through:hover{border-radius:3px;box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08)}body main .ql .ql-container .easy .ls:hover .inst-u .inst,body main .ql .ql-container .hard .ls:hover .inst-u .inst,body main .ql .ql-container .medium .ls:hover .inst-u .inst{height:20px;margin-right:.5em;width:20px}body main .editors{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}body main .editors .editor-title{align-items:center;background:#002b36;color:#fff;display:flex;flex-wrap:wrap;height:10vh;justify-content:space-between;padding:0 5em;width:100%}body main .editors .editor-title h1{font-size:18px}body main .editors .editor-title h1 span{color:#d9ce3f}body main .editors .editor-title h1 span button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:.5em 1em}body main .editors .editor-title p{font-weight:700}body main .editors .editor-close{align-items:center;background:#fff;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;left:1em;position:absolute;text-align:center;top:1em;width:35px}body main .editors .editor-close img{height:30px}body main .editors iframe{height:90vh;width:100%}body main .remove-data{background:#f21b3f;color:#fff;padding:.5em 1em;text-align:center}body main .alert-confirm,body main .remove-data{align-items:center;display:flex;justify-content:center;width:100%}body main .alert-confirm{background:rgba(0,0,0,.8);height:100vh;left:0;position:fixed;top:0;z-index:1000}body main .alert-confirm .confirm{background:#fff;border-radius:5px;position:relative;width:350px}body main .alert-confirm .confirm .confirm-title{align-items:center;background:#fff;border-radius:5px;box-shadow:0 2px 4px 0 #eee;display:flex;padding:.5em;width:100%}body main .alert-confirm .confirm .confirm-title h1{font-size:20px}body main .alert-confirm .confirm .check{padding:1em}body main .alert-confirm .confirm .check button{background:#028528;border:none;border-radius:5px;box-shadow:0 2px 5px 0 #999;color:#fff;cursor:pointer;font-size:14px;margin-bottom:.5em;outline:none;padding:.5em 1em}body main .alert-confirm .confirm .check input{border:none;border-radius:5px;box-shadow:0 2px 4px 0 #eee;font-size:16px;height:40px;outline:none;padding:0 .5em;width:100%}body main .alert-confirm .confirm .check p{font-size:16px;padding-top:.25em}body main .alert-confirm .confirm .check .confirm-btn{align-items:center;display:flex;float:right;padding:1em 0}body main .alert-confirm .confirm .check .confirm-btn button{border:none;border-radius:5px;cursor:pointer;font-size:16px;height:40px;margin-left:1em;outline:none;width:100px}body main .alert-confirm .confirm .check .confirm-btn button:first-child{background:#fff;box-shadow:0 2px 4px 0 #eee}body main .alert-confirm .confirm .check .confirm-btn button:nth-child(2){background:#02203c;color:#fff}body main .user{align-items:center;background:#fff;border-radius:5px;box-shadow:0 2px 4px 0 #eee;display:flex;justify-content:space-between;margin:1em auto auto;padding:1em;width:800px}body main .user p span{color:#028528}body main .user .timer{align-items:center;background:#e0e0e0;border-radius:5px;display:flex;padding:.5em 1em;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none}body main .user .timer img{cursor:pointer;height:30px;padding:0 .5em 0 0}body main .user .timer .times{background:#fff;border-radius:5px;box-shadow:0 4px 20px 0 #999;cursor:unset;padding:1em;position:absolute;right:0;top:7vh;width:250px;z-index:10}body main .user .timer .times .exit{position:absolute;right:0;top:.5em}body main .user .timer .times .timer-run{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}body main .user .timer .times .timer-run h1{font-size:20px;padding-bottom:.25em}body main .user .timer .times .timer-run p{font-size:30px;font-weight:400;position:inherit}body main .user .timer .times .timer-min{align-items:flex-start;display:flex;flex-direction:column;padding-top:1em;width:100%}body main .user .timer .times .timer-min h1{font-size:16px}body main .user .timer .times .timer-min input{background:#fff;border:none;border-radius:5px;box-shadow:0 2px 4px 0 #eee;font-size:16px;height:40px;margin-top:.25em;outline:none;padding:0 .5em;width:100%}body main .user .timer .times .timer-min input:focus+.line-style{width:100%}body main .user .timer .times .timer-min .line-style{background:#02203c;border-radius:5px;height:2px;transition:width .3s ease-in-out;width:0}body main .user .timer .times .timer-btn{align-items:center;display:flex;justify-content:space-between;padding:1em 0;width:100%}body main .user .timer .times .timer-btn button{border:none;border-radius:5px;box-shadow:0 2px 4px 0 #999;cursor:pointer;font-size:16px;outline:none;padding:.5em 1.5em}body main .user .timer .times .timer-btn button i{padding:0 .5em 0 0}body main .user .timer .times .timer-btn button:first-child{background:#02203c;color:#fff}body main .user .timer .times .timer-btn button:nth-child(2){background:#d13434;color:#fff}body main .user .timer .times .timer-btn button i{font-size:15px}body main .user .timer .times .line-timer{background:#e0e0e0;border-radius:5px;height:.3em;margin:1em 0;width:100%}body main .user .timer .times .stopwatch{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}body main .user .timer .times .stopwatch h1{font-size:20px;padding-bottom:.25em}body main .user .timer .times .stopwatch p{font-size:30px;font-weight:400}body main .user .timer .times .stopwatch .stopwatch-btn{align-items:center;display:flex;justify-content:space-between;padding-top:1em;width:100%}body main .user .timer .times .stopwatch .stopwatch-btn button{border:none;border-radius:5px;box-shadow:0 2px 4px 0 #999;cursor:pointer;font-size:16px;outline:none;padding:.5em 1.5em}body main .user .timer .times .stopwatch .stopwatch-btn button i{padding:0 .5em 0 0}body main .user .timer .times .stopwatch .stopwatch-btn button:first-child{background:#02203c;color:#fff}body main .user .timer .times .stopwatch .stopwatch-btn button:nth-child(2){background:#d13434;color:#fff}body main .user .timer .times .stopwatch .stopwatch-btn button i{font-size:15px}body main .alert{background:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:2000}body main .alert .alert-container{background:#225064;color:#fff;height:50vh;width:100%}body main .alert .alert-container .alert-title{align-items:center;display:flex;height:10vh;justify-content:center;text-align:center;width:100%}body main .alert .alert-container .alert-title h1{font-family:Jura,sans-serif;font-size:30px}body main .alert .alert-container .alert-content{align-items:center;display:flex;flex-direction:column;height:40vh;justify-content:center;text-align:center;width:100%}body main .alert .alert-container .alert-content h1{font-size:35px}body main .alert .alert-container .alert-content p{font-size:18px;padding-top:1em}body main .alert form{align-items:center;color:#02203c;display:flex;flex-direction:column;height:50vh;justify-content:center;text-align:center;width:100%}body main .alert form input{background:#fff;border:none;border-radius:5px;box-shadow:0 2px 4px 0 #eee;font-size:16px;height:50px;margin-bottom:1em;outline:none;padding:0 1em;width:400px}body main .alert form input:focus{border-bottom:.2em solid #225064}body main .alert form button{background:#225064;border:none;border-radius:5px;box-shadow:0 2px 5px 0 #999;color:#fff;cursor:pointer;font-size:16px;height:50px;outline:none;width:400px}body main .alert form h4{padding-top:1em}body main .list{align-items:flex-start;background:#fff;box-shadow:0 2px 4px 0 #eee;display:flex;flex-direction:column;height:100vh;left:0;padding:1em;position:fixed;top:0;-webkit-transform:translateX(-120%);transform:translateX(-120%);transition:all .3s ease-in-out;width:300px;z-index:5}body main .list h1{font-size:20px}body main .list .hide{cursor:pointer;position:absolute;right:1em;top:1em}body main .list .hide img{height:30px}body main .list .items{padding-top:1em;width:100%}body main .list .items .done-data p{color:#028528;font-weight:700;padding-bottom:.5em}body main .list .items .item{align-items:center;background:#fff;border-radius:5px;box-shadow:0 2px 4px 0 #eee;cursor:pointer;display:flex;height:50px;margin:0 0 .25em;padding:0 .5em;position:relative;width:100%}body main .list .items .item:hover{color:#626ee3}body main .list .items .item p{margin-left:.5em}body main .list .items .item .pad-alert{background:#ffc300;border-radius:50%;box-shadow:0 2px 4px 0 #e0e0e0;cursor:pointer;height:10px;position:absolute;right:.25em;top:.25em;width:10px}body main .list.show{-webkit-transform:translateX(0);transform:translateX(0);transition:all .3s ease-in-out}body main .reset-data{align-items:center;display:flex;justify-content:center}body main .reset-data,body main .reset-data .reset-data-black{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}body main .reset-data .reset-data-black{background:rgba(0,0,0,.5)}body main .reset-data .confirm{-webkit-animation:leftAnimation .2s ease-in-out;animation:leftAnimation .2s ease-in-out;background:#f6f9fc;border-radius:5px;width:350px;z-index:2000}body main .reset-data .confirm .confirm-title{align-items:center;background:#fff;border-radius:5px 5px 0 0;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);display:flex;justify-content:space-between;padding:20px;width:100%}body main .reset-data .confirm .confirm-title h1{color:#02203c;font-size:20px}body main .reset-data .confirm .confirm-title svg{color:#02203c;height:20px}body main .reset-data .confirm .check{align-items:flex-start;display:flex;flex-direction:column;padding:20px;width:100%}body main .reset-data .confirm .check .copy{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 0 20px;width:100%}body main .reset-data .confirm .check .copy span{color:#445d6e;font-weight:700}body main .reset-data .confirm .check .copy .clip{align-items:center;color:#626ee3;cursor:pointer;display:flex;margin-top:5px;text-align:center;transition:color .2 ease-in-out}body main .reset-data .confirm .check .copy .clip p{color:#02203c;font-size:16px}body main .reset-data .confirm .check .copy .clip svg{height:25px;margin-left:5px}body main .reset-data .confirm .check .copy .clip svg:hover{color:#5960bf}body main .reset-data .confirm .check .name-confirm{background:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(50,50,93,.102);height:50px;padding:10px;width:100%}body main .reset-data .confirm .check .name-confirm input{background:transparent;border:none;font-size:16px;height:100%;outline:none;width:100%}body main .reset-data .confirm .check .name-confirm input:focus+.line-input{width:100%}body main .reset-data .confirm .check .name-confirm .line-input{background:#626ee3;height:2px;transition:width .2s ease-in-out;width:0}body main .reset-data .confirm .check .stop{padding:20px 0}body main .reset-data .confirm .check .stop p{color:#445d6e;font-size:16px;line-height:1.7}body main .reset-data .confirm .check .stop ul{color:#445d6e;padding:20px}body main .reset-data .confirm .check .stop ul li{font-size:16px;margin-left:30px}body main .reset-data .confirm .check .stop ul li:first-child{font-weight:700;list-style-type:none;margin-bottom:5px;margin-left:0}body main .reset-data .confirm .check .confirm-btn{align-items:center;display:flex;justify-content:flex-end;width:100%}body main .reset-data .confirm .check .confirm-btn button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:50px;outline:none;padding:0 20px}body main .reset-data .confirm .check .confirm-btn button:first-child{background:#fff;box-shadow:0 2px 4px rgba(50,50,93,.102);color:#02203c;margin-right:20px;transition:all .1s ease-in-out}body main .reset-data .confirm .check .confirm-btn button:first-child:hover{background:#e0e0e0}body main .reset-data .confirm .check .confirm-btn .yes{background:#626ee3}body main .reset-data .confirm .check .confirm-btn .yes:hover{background:#5960bf}body main .reset-data .confirm .check .confirm-btn .no{background:gray}body main .title{align-items:center;display:flex;height:235px;justify-content:center;margin:1em 0;padding:0 1em;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}body main .title .content{align-items:flex-start;border-radius:5px;display:flex;height:100%;padding:16px;position:relative;width:800px}body main .title .content .left-content{align-items:center;display:flex;flex-direction:column}body main .title .content .left-content h1{font-size:18px;font-weight:lighter}body main .title .content .line-div{background:hsla(0,0%,88%,.498);height:100%;margin:0 20px;width:1px}body main .title .content .next-q-dark{align-items:center;background:rgba(0,0,0,.2);border-radius:5px 0 5px 0;bottom:0;box-shadow:inset 4px 4px 5px rgba(0,0,0,.302);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0 15px;position:absolute;right:0;text-align:center;transition:all .1s ease-in-out}body main .title .content .next-q-dark:hover{background:#626ee3}body main .title .content .next-q-dark svg{width:25px}body main .title .content .next-q-light{align-items:center;background:rgba(0,0,0,.2);border-radius:5px 0 5px 0;bottom:0;box-shadow:inset 4px 4px 5px rgba(0,0,0,.302);color:#02203c;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0 15px;position:absolute;right:0;text-align:center;transition:all .1s ease-in-out}body main .title .content .next-q-light:hover{background:#626ee3;color:#fff}body main .title .content .next-q-light svg{width:25px}body main .title .content .right-content{align-items:flex-start;display:flex;flex-direction:column}body main .title .content .right-content .right-content-header{align-items:center;display:flex}body main .title .content .right-content .right-content-header h1{font-size:20px}body main .title .content .right-content .right-content-header #add-more{align-items:center;background:#198f87;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:center;margin-left:10px;outline:none;padding:5px 10px;position:absolute;right:16px;top:16px;transition:all .2s ease-in-out}body main .title .content .right-content .right-content-header #add-more svg{height:12px;margin-left:5px}body main .title .content .right-content .right-content-header #add-more:hover{background:#167c75}body main .title .content .right-content .right-content-header #settings{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:center;outline:none;position:absolute;right:16px;top:16px}body main .title .content .right-content .right-content-header #settings svg{height:12px;margin-left:5px}body main .title .content .right-content .right-content-header .settings-dark{align-items:center;-webkit-animation:leftAnimation .1s ease-in-out;animation:leftAnimation .1s ease-in-out;background:#02203c;border-radius:5px;box-shadow:0 4px 12px 0 #111;display:none;flex-direction:column;height:160px;position:absolute;right:16px;top:45px;width:200px;z-index:200}body main .title .content .right-content .right-content-header .settings-dark li{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:700;list-style-type:none;min-height:40px;padding:0 0 0 15px;-webkit-transform:all .1s ease-in-out;transform:all .1s ease-in-out;width:100%}body main .title .content .right-content .right-content-header .settings-dark li:hover{background:#fff;color:#02203c}body main .title .content .right-content .right-content-header .settings-dark li:first-child{border-radius:5px 5px 0 0}body main .title .content .right-content .right-content-header .settings-dark li:nth-child(4){align-items:center;border-radius:0 0 5px 5px;cursor:unset;display:flex;justify-content:space-between;padding:0}body main .title .content .right-content .right-content-header .settings-dark li:nth-child(4) button{background:#626ee3;border:none;color:#fff;cursor:pointer;font-size:20px;font-weight:lighter;height:100%;outline:none;width:40px}body main .title .content .right-content .right-content-header .settings-dark li:nth-child(4) button:hover{background:#5960bf}body main .title .content .right-content .right-content-header .settings-dark li:nth-child(4) button:first-child{border-bottom-left-radius:5px}body main .title .content .right-content .right-content-header .settings-dark li:nth-child(4) button:nth-child(2){border-bottom-right-radius:5px}body main .title .content .right-content .right-content-header .settings-light{align-items:center;-webkit-animation:leftAnimation .1s ease-in-out;animation:leftAnimation .1s ease-in-out;background:#fff;border-radius:5px;box-shadow:0 4px 12px 0 #111;display:none;flex-direction:column;height:160px;position:absolute;right:16px;top:45px;width:200px;z-index:200}body main .title .content .right-content .right-content-header .settings-light li{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:700;list-style-type:none;min-height:40px;padding:0 0 0 15px;-webkit-transform:all .1s ease-in-out;transform:all .1s ease-in-out;width:100%}body main .title .content .right-content .right-content-header .settings-light li:hover{background:#626ee3;color:#fff}body main .title .content .right-content .right-content-header .settings-light li:first-child{border-radius:5px 5px 0 0}body main .title .content .right-content .right-content-header .settings-light li:nth-child(4){align-items:center;border-radius:0 0 5px 5px;cursor:unset;display:flex;justify-content:space-between;padding:0}body main .title .content .right-content .right-content-header .settings-light li:nth-child(4) button{background:#626ee3;border:none;color:#fff;cursor:pointer;font-size:20px;font-weight:lighter;height:100%;outline:none;width:40px}body main .title .content .right-content .right-content-header .settings-light li:nth-child(4) button:hover{background:#5960bf}body main .title .content .right-content .right-content-header .settings-light li:nth-child(4) button:first-child{border-bottom-left-radius:5px}body main .title .content .right-content .right-content-header .settings-light li:nth-child(4) button:nth-child(2){border-bottom-right-radius:5px}body main .title .content .right-content .right-content-infos{align-items:center;display:flex;margin:16px 0}body main .title .content .right-content .right-content-infos .picking{align-items:center;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:100px;justify-content:center;position:relative;text-align:center;width:100px}body main .title .content .right-content .right-content-infos .picking:hover{border:2px solid transparent}body main .title .content .right-content .right-content-infos .picking:nth-child(2),body main .title .content .right-content .right-content-infos .picking:nth-child(3),body main .title .content .right-content .right-content-infos .picking:nth-child(4){margin-left:16px}body main .title .content .right-content .right-content-infos .picking svg{height:30px}body main .title .content .right-content .right-content-infos .picking p{font-size:12px;font-weight:700;margin-top:5px}body main .title .content #jsexpert-certificate{border:none;border-radius:5px;cursor:pointer;outline:none}body main #certificate-black{background:rgba(0,0,0,.5);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:100}body main .container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}body main .container .question{background:#fff;border-radius:5px;box-shadow:0 2px 4px 0 #eee;margin:1em 0 0;padding:1em;width:800px}body main .container .question .header{align-items:center;display:flex;justify-content:space-between;width:100%}body main .container .question .header .infos{align-items:center;display:flex;justify-content:center}body main .container .question .header .infos h1{font-size:20px}body main .container .question .header .infos img{cursor:pointer;height:25px;margin-left:.5em}body main .container .question .header .read{align-items:center;display:flex}body main .container .question .header .read .check{align-items:center;border:.1em solid #02203c;border-radius:5px;cursor:pointer;display:flex;height:25px;justify-content:center;text-align:center;width:25px}body main .container .question .header .read .check img{height:25px}body main .container .question .header .read p{font-weight:700;margin-left:.5em}body main .container .question nav{align-items:flex-start;display:flex;flex-wrap:wrap;padding:1em 0;width:100%}body main .container .question nav li{background:#fff;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;list-style-type:none;margin:0 .25em 0 0;padding:.3em 1em;transition:all .1s ease-in-out}body main .container .question .editor{align-items:center;display:flex;justify-content:space-between;width:100%}body main .container .question .image img{border-radius:5px;cursor:pointer;width:100%}body main .container .question .copy textarea{border:none;border-radius:5px;font-family:monospace;font-size:16px;height:50vh;outline:none;padding:1em;resize:none;transition:all .3s ease-in-out;width:100%}body main .container .question button{background:#268bd2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:1em;outline:none;padding:.5em 1em}body main .container .question .in-out{align-items:center;background:#e0e0e0;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;margin-top:1em;padding:.5em 1em;width:100%}body main .container .question .in-out h1{font-size:18px}body main .container .question .in-out i{font-size:20px}body main .container .question .ending textarea{border:none;border-radius:5px;font-family:monospace;font-size:16px;height:20vh;margin-top:1em;outline:none;padding:1em;resize:none;transition:all .3s ease-in-out;width:100%}body main .container .line-through{background:#02203c;height:.1em;margin-top:1em;width:300px}body main footer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px 16px;text-align:center;width:100%}body main footer p{font-size:14px;margin-top:10px}body main footer .made{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;text-align:center}body main footer .made p{font-size:15px;line-height:unset}body main footer .made p:hover+.line-made{width:100%}body main footer .made .line-made{background:#fff;height:1px;margin-top:1px;transition:width .2s ease-in-out;width:0}@media (max-width:600px){.jsexpert-projects,body main .ds-course{width:100%}body main .alert form button,body main .alert form input{height:40px;width:300px}body main .ql{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}body main .question .header .read p{display:none}}#alert{background:#fff;color:#02203c;height:100vh;position:fixed;width:100%;z-index:10000}#alert,#alert .alert-logo{align-items:center;display:flex;justify-content:center;left:0;top:0}#alert .alert-logo{background:#012b36;border-radius:0 0 5px 5px;color:#fff;cursor:pointer;height:60px;margin-left:9em;position:absolute;text-align:center;width:170px}#alert .alert-logo svg{height:40px}#alert .alert-logo p{font-size:20px;margin-left:.5em}#alert .alert-container{padding:2em;width:600px}#alert .alert-container h1{font-size:20px;font-weight:400}#alert .alert-container p{color:#36494e;line-height:30px;padding:.5em 0 1em}#alert .alert-container p span{font-weight:700}#alert .alert-container .email-address,#alert .alert-container .name{width:100%}#alert .alert-container .email-address p,#alert .alert-container .name p{color:#36494e;font-weight:700;padding:0 0 .25em}#alert .alert-container .email-address .input,#alert .alert-container .name .input{align-items:flex-start;background:#fff;border-radius:5px;display:flex;flex-direction:column;height:50px;justify-content:center;padding:.5em;width:100%}#alert .alert-container .email-address .input input,#alert .alert-container .name .input input{border:none;font-family:Open Sans,sans-serif;font-size:16px;height:100%;outline:none;width:100%}#alert .alert-container .email-address .input input::-webkit-input-placeholder,#alert .alert-container .name .input input::-webkit-input-placeholder{color:#ccc}#alert .alert-container .email-address .input input:focus+.line-input,#alert .alert-container .name .input input:focus+.line-input{width:100%}#alert .alert-container .email-address .input .line-input,#alert .alert-container .name .input .line-input{background:#626ee3;height:2px;transition:width .3s ease-in-out;width:0}#alert .alert-container .email-address{padding-top:1em}#alert .alert-container .btn button{background:#626ee3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:50px;margin-top:1.5em;outline:none;width:250px}#alert .alert-container .btn button:hover{background:#5960bf}.share{justify-content:center}.share,.share .user-questions{align-items:center;display:flex}.share .user-questions{border-radius:5px;height:50px;justify-content:space-between;margin-bottom:1em;padding:0 1em;width:800px}.share .user-questions h1{font-size:20px;font-weight:lighter}.share .user-questions h1 span{background:#ffc401;border-radius:20px;color:#000;font-family:Open Sans,sans-serif;font-size:16px;font-weight:700;margin-left:1em;padding:2px 8px}.share .user-questions button{align-items:center;background:#626ee3;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:center;outline:none;padding:6px 10px}.share .user-questions button:hover{background:#5960bf}.share .user-questions button svg{height:15px;margin-right:.5em}#more{bottom:1em;position:absolute;right:1em}#more button{align-items:center;background:unset;box-shadow:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;height:unset;justify-content:center;width:unset}#more button .dot{background:#fff;border-radius:50%;height:5px;margin-top:.2em;width:5px}#more button:hover+.more-content{display:flex}#more .more-content{align-items:center;background:#fff;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.502);display:flex;display:none;height:40px;justify-content:center;position:absolute;right:1em;top:-.25em;width:120px}#more .more-content p{font-size:14px;font-weight:700}@media (max-width:650px){body main .settings{overflow-y:scroll;width:100%}body main .donate{justify-content:space-between;padding:.5em 1em}body main .editors{height:100vh}body main .editors .editor-title{display:none}body main .editors iframe{height:100vh}body main .ql .complete-bar .percents{width:375px}body main .ql .group{flex-direction:column}body main .ql .ql-title h1{left:2em;padding:.75em 1em}body main .ql .ql-title h3{padding-top:2.5em}body main .user{align-items:center;flex-direction:column;justify-content:center;width:100%}body main .user .timer{margin-top:1em}}#alert-cert{background:#fff;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.502);color:#02203c;left:0;padding:.5em 1em;position:absolute;top:-em}#alert-cert p{font-size:14px;line-height:1.7}@media (max-width:850px){#alert .alert-logo{margin-left:1em}#alert .alert-container{padding:1em;width:100%}.share{padding:0 1em}#projects,.share .user-questions,body main .ds .ds-infos{width:100%}body main header .header-inner{justify-content:space-between;padding:0 1em;width:100%}body main .post{display:none}body main .dark{padding:0 1em}body main .dark .dark-theme{width:100%}body main .not-user{flex-wrap:wrap;width:100%}body main .title .content,body main .user{width:100%}body main .search{padding:0 1em}body main .search input,body main .search input:focus+.line{width:100%}body main .not-found{padding:0 1em}body main .not-found .not{width:100%}body main .container{padding:0 1em}body main .container .question{width:100%}body main .info{padding:0 1em 1em;width:100%}body main .info .settings button{margin:0}body main .info .settings button img{margin:0;padding:0}body main .info .settings button span{display:none}}@media (max-width:1200px){body main .difficulty,body main .random,body main .random-question{display:none}body main .ql .ql-title h1{left:1em}}@media (max-width:800px){#pdf{width:100%}}@media (max-width:700px){body main .title{height:auto}body main .title .content{align-items:center;flex-direction:column;height:auto;justify-content:center;padding:50px 16px}body main .title .content .left-content{margin-bottom:20px;width:100%}}#about p{margin-left:20px}@media (max-width:550px){#about{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}#about p{margin-left:0;margin-top:10px}body main .title .content .right-content{width:100%}body main .title .content .right-content .right-content-infos{align-items:flex-start;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;width:100%}body main .title .content .right-content .right-content-infos .picking{height:80px;width:100%}body main .title .content .right-content .right-content-infos .picking:nth-child(2),body main .title .content .right-content .right-content-infos .picking:nth-child(3),body main .title .content .right-content .right-content-infos .picking:nth-child(4){margin:16px 0 0}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.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}.ace-eclipse .ace_gutter{background:transparent;border:unset}.ace-eclipse .ace_gutter-active-line{background:#f6f9fc}.ace-eclipse .ace_gutter{color:#8794a4}.pages{flex-wrap:wrap;padding:1em 0;width:100%}.pages,.pages .no{align-items:center;display:flex;justify-content:center}.pages .no button{background:none;border-radius:5px;color:#34474e;font-size:16px;margin:0 3px;padding:5px 10px}.pages .no button:hover{background:#efefef}.pages button{align-items:center;background:none;border:none;border-radius:5px;color:#34474e;cursor:pointer;display:flex;justify-content:center;margin:0 3px;outline:none;padding:10px}.pages button:hover{background:#efefef}.dot-user{background:linear-gradient(#04ff00,#369536);border-radius:50%;box-shadow:0 2px 5px -1px rgba(0,0,0,.502);height:20px;position:absolute;right:.5em;top:.5em;width:20px}.share-qs{align-items:center;background:#f6f9fc;display:flex;flex-direction:column}.share-qs,.share-qs header{width:100%}.share-qs header .logo{align-items:center;background:#02203c;border-radius:0 0 5px 5px;color:#fff;cursor:pointer;display:flex;height:55px;justify-content:center;margin-left:7em;text-align:center;width:155px}.share-qs header .logo svg{height:40px}.share-qs header .logo h1{font-family:Open Sans,sans-serif;font-size:18px;font-weight:500;margin-left:.5em}.share-qs .select{-webkit-touch-callout:none;align-items:center;display:flex;justify-content:center;padding:2em 1em;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.share-qs .select button{background:none;border:none;border-radius:5px;color:#626ee3;cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:1em 1.5em;transition:all .1s ease-in-out}.share-qs .select button:hover{color:#02203c}.share-qs .container{align-items:center;display:flex;height:auto;justify-content:center;padding:2em 1em 4em;width:100%}.share-qs .container .space{height:100%;width:700px}.share-qs .container .space .title{align-items:center;color:#02203c;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.share-qs .container .space .title h1{font-size:2em;font-weight:lighter}.share-qs .container .space .title h1 span{background:#626ee3;border-radius:30px;color:#fff;font-family:Open Sans,sans-serif;font-size:25px;font-weight:700;padding:4px 16px}.share-qs .container .space .title h3{font-weight:lighter;padding-top:1em}.share-qs .container .space .content{padding:2em 0}.share-qs .container .space .content p{color:#34474e;font-size:16px;line-height:1.7}.share-qs .container .space .content p span{font-weight:700}.share-qs .container .space .line{background:#ccc;height:1px;width:100%}.share-qs .container .space .author,.share-qs .container .space .code,.share-qs .container .space .explanation,.share-qs .container .space .q-title{color:#34474e;padding-top:2em}.share-qs .container .space .author p,.share-qs .container .space .code p,.share-qs .container .space .explanation p,.share-qs .container .space .q-title p{font-size:16px;font-weight:700;padding-bottom:5px}.share-qs .container .space .author .input,.share-qs .container .space .code .input,.share-qs .container .space .explanation .input,.share-qs .container .space .q-title .input{align-items:flex-start;background:#fff;border-radius:5px;display:flex;flex-direction:column;height:50px;justify-content:center;padding:.5em;width:100%}.share-qs .container .space .author .input input,.share-qs .container .space .code .input input,.share-qs .container .space .explanation .input input,.share-qs .container .space .q-title .input input{border:none;color:#02203c;font-size:16px;height:100%;outline:none;width:100%}.share-qs .container .space .author .input input::-webkit-input-placeholder,.share-qs .container .space .code .input input::-webkit-input-placeholder,.share-qs .container .space .explanation .input input::-webkit-input-placeholder,.share-qs .container .space .q-title .input input::-webkit-input-placeholder{color:#ccc}.share-qs .container .space .author .input input:focus+.line-input,.share-qs .container .space .code .input input:focus+.line-input,.share-qs .container .space .explanation .input input:focus+.line-input,.share-qs .container .space .q-title .input input:focus+.line-input{width:100%}.share-qs .container .space .author .input .line-input,.share-qs .container .space .code .input .line-input,.share-qs .container .space .explanation .input .line-input,.share-qs .container .space .q-title .input .line-input{background:#626ee3;height:2px;transition:width .3s ease-in-out;width:0}.share-qs .container .space .author #error,.share-qs .container .space .code #error,.share-qs .container .space .explanation #error,.share-qs .container .space .q-title #error{color:#b21111;font-size:14px;padding-top:.25em}.share-qs .container .space .explanation,.share-qs .container .space .q-title{padding-top:1em}.share-qs .container .space .explanation .input{height:200px}.share-qs .container .space .explanation .input textarea{border:none;color:#02203c;font-family:Open Sans,sans-serif;font-size:16px;height:100%;outline:none;resize:none;width:100%}.share-qs .container .space .explanation .input textarea::-webkit-input-placeholder{color:#ccc}.share-qs .container .space .explanation .input textarea:focus+.line-input{width:100%}.share-qs .container .space .code{padding-top:1em}.share-qs .container .space .code .input{height:unset;padding:0}.share-qs .container .space .submitted{align-items:center;background:#fff;border-left:4px solid #4caf50;border-radius:5px;box-shadow:0 0 15px 0 rgba(0,0,0,.102);color:#4caf50;display:flex;margin-top:2em;padding:1em;width:100%}.share-qs .container .space .submitted svg{height:30px}.share-qs .container .space .submitted p{color:#34474e;margin-left:1em}.share-qs .container .space .submitted p span{color:#626ee3;cursor:pointer;font-weight:700}.share-qs .container .space .submitted p span:hover{color:#02203c}.share-qs .container .space .btn{align-items:center;display:flex;padding-top:2em}.share-qs .container .space .btn button{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:16px;justify-content:center;outline:none}.share-qs .container .space .btn button:first-child{background:#fff;color:#02203c;font-weight:700;height:50px;text-decoration:none;width:120px}.share-qs .container .space .btn button:first-child:hover{background:#eee}.share-qs .container .space .btn button:first-child svg{height:20px;margin-right:.75em}.share-qs .container .space .btn button:nth-child(2){background:#626ee3;color:#fff;height:50px;margin-left:1em;width:100px}.share-qs .container .space .btn button:nth-child(2):hover{background:#535ec1}.share-qs .container .space .btn button:nth-child(2) svg{height:20px;margin-right:.75em}.share-qs .collections{flex-direction:column;padding:2em 1em 4em}.share-qs .collections,.share-qs .collections .load{align-items:center;display:flex;justify-content:center;width:100%}.share-qs .collections .load{-webkit-touch-callout:none;height:60vh;-webkit-user-select:none;-ms-user-select:none;user-select:none}.share-qs .collections .load .load-logo{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;border-color:#02203c transparent;border-radius:50%;border-style:solid;border-width:3px;height:120px;margin-right:.5em;width:120px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all .5s ease-in-out}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);transition:all .5s ease-in-out}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all .5s ease-in-out}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);transition:all .5s ease-in-out}}.share-qs .collections .load p{font-size:18px;font-weight:700}.share-qs .collections .users{width:700px}.share-qs .collections .users .view .back{align-items:center;cursor:pointer;display:flex}.share-qs .collections .users .view .back svg{height:20px;margin-right:.5em}.share-qs .collections .users .view .back p{font-size:18px;font-weight:700}.share-qs .collections .users .view .title{padding:1em 0;width:100%}.share-qs .collections .users .view .title h1{background:#02203c;border-radius:20px;color:#fff;display:inline-block;font-size:25px;font-weight:lighter;padding:4px 16px}.share-qs .collections .users .view .title p{color:#34474e;padding-top:.25em}.share-qs .collections .users .view .title p span{font-weight:700}.share-qs .collections .users .view .explanation{padding:.5em 0;width:100%}.share-qs .collections .users .view .explanation h1{font-size:25px}.share-qs .collections .users .view .explanation p{color:#34474e;font-size:16px;padding-top:.25em}.share-qs .collections .users .view .code{padding-top:1em;width:100%}.share-qs .collections .users .view .code h1{font-size:25px}.share-qs .collections .users .view .code .code-editor{background:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(50,50,93,.102);margin-top:.5em;padding:.5em 0;width:100%}.share-qs .collections .users h3{font-family:Ubuntu,sans-serif;font-size:25px;font-weight:lighter;padding-bottom:1em}.share-qs .collections .users .user-share{background:#fff;border-left:4px solid #626ee3;border-radius:5px;box-shadow:0 2px 4px rgba(50,50,93,.102);cursor:pointer;margin-bottom:.5em;padding:1em;transition:all .1s ease-in-out;width:100%}.share-qs .collections .users .user-share:hover{background:#efefef}.share-qs .collections .users .user-share h1{font-family:Open Sans,sans-serif;font-size:18px;font-weight:700}.share-qs .collections .users .user-share p{color:#34474e;padding-top:.25em}.share-qs .collections .users .user-share p span{font-weight:700}.share-qs .line{background:#e0e0e0;height:2px;width:90%}.share-qs footer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2em 1em;text-align:center;width:100%}.share-qs footer p{color:#34474e;font-size:14px}@media (max-width:1000px){.share-qs header .logo{margin-left:1em}.share-qs .collections .users,.share-qs .container .space{width:100%}}.content-infos{align-items:center;display:flex;justify-content:center;padding:5em 1em;position:relative;width:100%}.content-infos .logo{align-items:center;background-color:#02203c;border-radius:0 0 4px 4px;box-shadow:2px 2px 5px 0 rgba(0,0,0,.4);color:#fff;cursor:pointer;display:flex;left:7em;padding:8px 20px;position:absolute;top:0}.content-infos .logo svg{height:40px}.content-infos .logo p{font-size:18px;margin-left:.25em}.content-infos .content-center{text-align:center;width:800px}.content-infos .content-center,.content-infos .content-center .content-logo{align-items:center;display:flex;flex-direction:column;justify-content:center}.content-infos .content-center .content-logo h1{font-size:40px;font-weight:lighter}.content-infos .content-center .content-logo .line{background:#626ee3;height:2px;margin:20px 0;width:200px}.content-infos .content-center .content-logo p{color:#445d6e}.content-infos .content-center .content-title{padding:4em 0 2em}.content-infos .content-center .content-title h2{font-size:22px}.content-infos .content-center .direction{align-items:center;display:flex;justify-content:center;padding:1em 0 1.5em;width:100%}.content-infos .content-center .direction p{cursor:default;font-weight:700}.content-infos .content-center .direction #main{color:#626ee3;cursor:pointer}.content-infos .content-center .direction #main:hover{text-decoration:underline}.content-infos .content-center .direction svg{height:15px;padding:0 .3em}.content-infos .content-center .cert-infos{align-items:center;-webkit-animation:fade .3s ease-in-out;animation:fade .3s ease-in-out;display:flex;justify-content:center;width:100%}.content-infos .content-center .cert-infos #complete{color:#445d6e}.content-infos .content-center .cert-infos #complete span{font-weight:700}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}.content-infos .content-center .cert-infos .certification{align-items:center;display:flex;justify-content:center;padding-top:1em;width:100%}.content-infos .content-center .cert-infos .certification .first,.content-infos .content-center .cert-infos .certification .second,.content-infos .content-center .cert-infos .certification .third{align-items:center;border-radius:5px;box-shadow:0 2px 4px rgba(50,50,93,.102);color:#fff;color:#02203c;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;margin-right:1em;padding:0 2em;text-align:center;transition:all .3s ease-in-out}.content-infos .content-center .cert-infos .certificates{align-items:center;display:flex;justify-content:center;padding-top:1em;width:100%}.content-infos .content-center .cert-infos .certificates img{box-shadow:0 2px 5px 0 gray;cursor:pointer;height:300px}.content-infos .content-center .instructor{align-items:center;-webkit-animation:fade .3s ease-in-out;animation:fade .3s ease-in-out;display:flex;flex-direction:column;justify-content:center;width:100%}.content-infos .content-center .instructor .profile{background:url(/static/media/profile.6c5da5dca76130d88362.jpg) no-repeat;background-position:50%;background-size:cover;border-radius:50%;height:200px;width:200px}.content-infos .content-center .instructor h1{font-size:35px}.content-infos .content-center .instructor #work{color:#445d6e;font-size:18px;padding:1em 0 2em}.content-infos .content-center .instructor p{color:#445d6e;font-size:16px;line-height:1.7;padding-top:2em;width:600px}.content-infos .content-center .instructor p span{color:#626ee3;cursor:pointer;font-weight:700}.content-infos .content-center .instructor p span:hover{color:#445d6e}.content-infos .content-center #users{-webkit-animation:fade .3s ease-in-out;animation:fade .3s ease-in-out;color:#445d6e;font-size:18px;padding-bottom:1em}.content-infos .content-center .com{align-items:center;-webkit-animation:fade .3s ease-in-out;animation:fade .3s ease-in-out;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.content-infos .content-center .com .user{align-items:center;display:flex;height:30px;justify-content:center;width:200px}.content-infos .content-center .com .user svg{height:20px;margin-right:.25em}.content-infos .content-center .com .user p{color:#445d6e;font-size:14px;font-weight:700}.content-infos .content-center .donation{-webkit-animation:fade .3s ease-in-out;animation:fade .3s ease-in-out}.content-infos .content-center .donation h1{font-size:30px;padding:1em 0}.content-infos .content-center .donation p{color:#445d6e}.content-infos .content-center .donation .aba .currency{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.content-infos .content-center .donation .aba .currency .khr,.content-infos .content-center .donation .aba .currency .usd{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px}.content-infos .content-center .donation .aba .currency .khr p,.content-infos .content-center .donation .aba .currency .usd p{background:#626ee3;border-radius:20px;box-shadow:0 2px 5px 0 #999;color:#fff;font-size:16px;font-weight:700;margin-bottom:.5em;padding:4px 8px}.content-infos .content-center .donation .aba .currency .khr img,.content-infos .content-center .donation .aba .currency .usd img{border-radius:5px;box-shadow:0 2px 4px rgba(50,50,93,.102);height:300px}.content-infos .content-center .donation button{background:#626ee3;border:none;border-radius:5px;box-shadow:0 2px 5px 0 #999;color:#fff;cursor:pointer;font-size:16px;height:50px;outline:none;width:200px}.content-infos .content-center .content-features{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.content-infos .content-center .content-features .box{-webkit-animation:fade .3s ease-in-out;animation:fade .3s ease-in-out;background:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(50,50,93,.102);cursor:pointer;margin:10px;padding:40px;transition:all .2s ease-in-out;width:250px}@keyframes fade{0%{opacity:0}to{opacity:1}}.content-infos .content-center .content-features .box:hover{box-shadow:0 4px 16px rgba(50,50,93,.102)}.content-infos .content-center .content-features .box svg{color:#626ee3;height:45px;transition:all .2s ease-in-out}.content-infos .content-center .content-features .box svg:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.content-infos .content-center .content-features .box p{font-size:16px;font-weight:700;padding-top:.5em}@media (max-width:650px){.content-infos .content-center{width:100%}.content-infos .content-center .content-features .box{margin:1em 0 0;width:100%}.content-infos .content-center .instructor p{width:100%}}@media (max-width:900px){.content-infos .logo{left:1em}}