@import"https://fonts.googleapis.com/css?family=Poppins:wght@400;500;700&display=swap";.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -.125em;--bs-spinner-border-width: .25em;--bs-spinner-animation-speed: .75s;--bs-spinner-animation-name: spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem;--bs-spinner-border-width: .2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -.125em;--bs-spinner-animation-speed: .75s;--bs-spinner-animation-name: spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed: 1.5s}}.tooltip{--bs-tooltip-zindex: 1080;--bs-tooltip-max-width: 200px;--bs-tooltip-padding-x: .5rem;--bs-tooltip-padding-y: .25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size: .875rem;--bs-tooltip-color: #000;--bs-tooltip-bg: #fff;--bs-tooltip-border-radius: .375rem;--bs-tooltip-opacity: .9;--bs-tooltip-arrow-width: .8rem;--bs-tooltip-arrow-height: .4rem;z-index:var(--bs-tooltip-zindex);display:block;padding:var(--bs-tooltip-arrow-height);margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow:before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:0}.bs-tooltip-top .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-end .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:0}.bs-tooltip-bottom .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-start .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}body>section{position:absolute;transition:all .3s ease;opacity:0;pointer-events:none;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}body>section:not(.start-container){transform:scale(.9)}body>section.active{z-index:5;opacity:1;pointer-events:auto;transform:scale(1)}.d-none{display:none!important}.opacity-0{opacity:0}.btn{padding:.5rem 1rem;margin:0 5px;background-color:#007bff;color:#fff;font-size:1rem;font-weight:500;outline:none;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.btn:hover{background-color:#0263ca}.btn-primary-outlined{background-color:#fff;color:#007bff;border:1px solid #007bff}.btn-primary-outlined:hover{color:#fff;background-color:#007bff}.pill{padding:.35rem;background:#cce5ff;border:1px solid #a8d1fc;border-radius:5px;display:flex;align-items:center;font-weight:400px;font-size:.9rem;user-select:none}.pill .pill-badge{padding:1px .5rem;margin-left:5px;color:#fff;background-color:#343a40;font-size:1rem;font-weight:500;text-align:center;border:1px solid #a8d1fc;border-radius:5px}.pointer{cursor:pointer!important}.place-items-end{display:flex;justify-content:flex-end}.loading{text-align:center;padding:1.5rem 0}.loading.offline .online-status-text{display:none}.loading.offline .offline-status-text{display:block}.loading .offline-status-text{display:none;font-size:larger;padding-bottom:1rem}.window{width:90%;max-width:540px;max-height:90%;display:flex;flex-direction:column;border-radius:5px;background-color:#fff;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.window nav,.window .nav{padding:1rem 1.5rem;border-bottom:1px solid lightgray;display:flex;justify-content:space-between;align-items:center}.window nav .title,.window .nav .title{font-size:1.25rem;font-weight:700}.window nav svg,.window .nav svg{cursor:pointer}.window main,.window .main{padding:1rem 1.5rem}.window footer,.window .footer{border-top:1px solid lightgray;padding:.75rem 1rem}.start-container{box-shadow:none!important;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.start-container button{padding:15px 30px;width:220px;font-size:25px;font-weight:500;outline:none;border:none;border-radius:5px;color:#007bff;background:#fff;cursor:pointer;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.start-container .leaderboard-btn button{padding:10px;margin-top:10px;width:200px;font-size:20px}.start-container .extras{width:100%;position:absolute;bottom:0;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:.5rem}.start-container .extras .github{margin-left:0;padding:0;background:transparent;box-shadow:none}.start-container .extras .github a{color:#fff;display:flex}.start-container .user-settings{display:flex}.start-container .user-settings>div{padding:.5rem;margin:.25rem;border-radius:5px;background-color:#fff;color:#007bff;display:flex;align-items:center;cursor:pointer;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.user-details main .key{font-weight:700}.user-details main .value{font-size:1.1rem;font-family:monospace}.user-details main>div{display:flex;justify-content:space-between;align-items:center;line-height:2}.leaderboard-container .nav{padding-left:2rem}.leaderboard-container .rank-list{padding:.5rem;overflow:auto}.leaderboard-container .rank-list .list-item{padding:.5rem 1rem;display:flex;font-weight:700}.leaderboard-container .rank-list .list-item:first-child .rank{color:#f0d121}.leaderboard-container .rank-list .list-item:nth-child(2) .rank{color:silver}.leaderboard-container .rank-list .list-item:nth-child(3) .rank{color:#933}.leaderboard-container .rank-list .list-item:nth-child(n+4){font-weight:400}.leaderboard-container .rank-list .list-item:nth-child(n+4) span{color:#000}.leaderboard-container .rank-list .rank{position:relative;margin-right:1rem;color:transparent;display:flex;align-items:center;justify-content:center}.leaderboard-container .rank-list .rank span{color:#fff;position:absolute;font-weight:700}.leaderboard-container .rank-list .score{margin-left:auto}.leaderboard-container .rank-list::-webkit-scrollbar{width:5px}.leaderboard-container .rank-list::-webkit-scrollbar-track{background:#f8f9fa}.leaderboard-container .rank-list::-webkit-scrollbar-thumb{background:#adb5bd}.leaderboard-container .rank-list::-webkit-scrollbar-thumb:hover{background:#495057}.leaderboard-container .rank-list::-webkit-scrollbar-thumb:active{background:#212529}.update-container nav,.register-container nav{border-bottom:0px}.update-container main,.register-container main{padding:1.5rem;padding-top:0}.update-container main input,.update-container main button,.register-container main input,.register-container main button{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid #333;border-radius:4px}.update-container .loading,.register-container .loading{display:none}.update-container .loading.active,.register-container .loading.active{display:block}.update-container .loading.active~.input-container,.register-container .loading.active~.input-container{display:none}.input-text input{margin-bottom:10px}.input-text input:focus{outline:1px solid #000}.input-button button{color:#fff;background:#000;cursor:pointer}.input-button button:hover{background:#111}.input-button button:active{background:#000}.instructions-container ol.list{padding-left:1.5rem;font-size:17px}.instructions-container ol.list li{margin:5px 0}.instructions-container ol.list span{font-weight:700;color:#007bff}.instructions-container .btn{padding:.4rem 1rem}.quiz-box nav{padding:.7rem 1.5rem;position:relative;box-shadow:0 3px 5px 1px #0000001a}.quiz-box main{padding:2rem;font-size:1.9rem;text-align:center}.quiz-box main p{display:inline}.quiz-box footer{padding:.5rem 1.5rem;border:none;display:flex;align-items:center;justify-content:space-between}.quiz-box footer button.btn{display:none}.quiz-box .option-list{margin-top:20px;list-style:none}.quiz-box .option-list .option{display:inline-block;padding:.7rem 1rem;margin-bottom:10px;width:100px;background-color:#f0f8ff;border:1px solid #84c5fe;border-radius:5px}.quiz-box .option-list .option:hover{color:#004085;background:#cce5ff;border-color:#b8daff}.quiz-box .option-list .option.correct{color:#23903c;border-color:#23903c;background:#d4edda}.quiz-box .option-list .option.wrong{color:#721c24;border-color:#a42834;background:#f8d7da}.quiz-box .option-list .option.disabled{pointer-events:none}.quiz-box .pill{justify-content:space-between;padding-left:.5rem;min-width:130px;font-size:1rem}.quiz-box .pill .pill-badge{font-size:1.1rem}.quiz-box .time-line{width:100%;height:3px;background:#007bff;position:absolute;bottom:0px;left:0px}.result-box{text-align:center;padding:.7rem 1.5rem}.result-box .icon img{width:27%;margin-top:1rem;-webkit-user-drag:none}.result-box .complete-text{font-size:1.5rem;font-weight:bolder}.result-box .score-text{font-size:1.2rem}.result-box .buttons-container{display:flex;align-items:center;margin-top:2rem}.result-box .buttons-container :first-child{margin-right:auto}.result-box .buttons-container :last-child{margin-right:0}*{margin:0;padding:0;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%}body{user-select:none;background-color:#007bff;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif}