@import url(https://fonts.googleapis.com/css?family=Quicksand&display=swap);*{box-sizing:border-box;scroll-behavior:smooth}.light-mode{--clr-bg:#fff;--clr-bg-alt:#9c9cf2;--clr-fg:#f8f8f8;--clr-fg-alt:none;--clr-primary:#a7baff;--clr-lg:#000;--clr-mode:#ddd}.dark-mode{--clr-bg:#36474f;--clr-bg-alt:#18212a;--clr-fg:#23283e;--clr-fg-alt:#cdcdff;--clr-primary:#a7baff;--clr-lg:#fff;--clr-mode:#36474f}#home{background-image:url(/static/media/photo-1614850523011-8f49ffc73908.d9afe8d1ad1ecb0177a4.avif);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:space-around;width:100vw}#home section{border-radius:5px;height:60%;margin:auto;padding-left:2rem;padding-right:2rem;width:20%}#home .cube{color:orange;font-size:5rem}#home h1{color:#f8f8f8;font-size:3rem;font-weight:400;text-align:center}#home .play-button-container{padding-top:2rem;width:100%}#home a.play-button{background-color:#f8f8f8;border-radius:10px;color:#000;cursor:pointer;display:block;font-size:1.5rem;padding:1rem;text-align:center;text-decoration:none;transition:all .3s linear}#home a.play-button:hover{background-color:#4cafed;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}#home .auth-container{display:flex;justify-content:space-between;margin-top:3rem;width:100%}#home #login-button{background-color:#ea4355}#home #login-button:hover{background-color:#e1192f;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}#home #signup-button{background-color:#7ac4f2}#home #signup-button:hover{background-color:#4cafed;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}#home .auth-container .auth-buttons{border-radius:10px;color:#fff;cursor:pointer;padding:1rem 0;text-align:center;transition:all .3s linear;width:45%}@media(max-width:768px){#home section{height:50%;padding:0 1rem;width:100%}}*{margin:0;padding:0}* body{font-family:Quicksand,sans-serif}* body .valid{color:#57b846}* body .warning{color:orange!important}* body .invalid{color:#ea4355!important}* body .toast-invalid{background-color:#f44336!important}* body .toast-invalid,* body .toast-valid{border-radius:5px!important;color:#f8f8f8!important;margin:auto!important;padding:20px!important;position:absolute!important;right:5%!important;text-align:center;top:5%!important;width:200px!important}* body .toast-valid{background-color:#4caf50!important}* body .toast-hint{background-color:orange!important;border-radius:5px!important;color:#f8f8f8!important;padding:20px!important;position:absolute!important;right:3%;text-align:center;top:5%!important;width:400px!important}* body .disable{background-color:#ccc!important;box-shadow:none!important;opacity:.9!important;pointer-events:none}@media(max-width:768px){body .toast-hint{font-size:small;left:0;margin-top:3rem;padding:0;right:0;text-align:left;width:100%}body .toast-invalid,body .toast-valid{margin-top:3rem}}.rules{background-color:var(--clr-bg);color:var(--clr-lg);height:100vh;overflow-x:hidden;width:100%}.rules .mode{left:5%;padding-top:1.5rem;position:relative;top:0}.rules .instructions{border:1px solid #dfdfdf;border-radius:5px;margin:3rem auto;padding:1.5rem 3rem;width:80%}.rules .instructions h1{color:var(--clr-lg);font-size:2rem;text-align:center}.rules .instructions .lifeline{position:relative;top:-3px}.rules .instructions .lifeline-icon{color:#57b846;cursor:pointer}.rules .instructions .browser-default{margin-bottom:15px;margin-top:10px;padding-left:30px}.rules .instructions img{border-radius:10px;height:50%;margin:1.5rem auto;width:80%}.rules .instructions .decision{align-items:center;display:flex;justify-content:space-between}.rules .instructions .decision span{border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);font-size:small;padding:.5rem 1rem}.rules .instructions .decision span:first-child{background-color:red}.rules .instructions .decision span:last-child{background-color:#07b907}@media(max-width:768px){.rules{height:auto}.rules .instructions{padding:1rem;width:95%}.rules .instructions .instructions img{height:150%!important;width:100%!important}.rules .instructions .decision span{font-size:smaller;justify-content:space-between;padding:5px 10px}}.quiz-div{background-color:var(--clr-bg);height:100vh;overflow:hidden;width:100%}.quiz-div .mode{left:5%;position:relative;top:5%}.quiz-div .questions{background-color:var(--clr-fg);border-radius:0 0 50px 50px;border-top:0;margin:5rem auto 0;padding:1.5rem 2rem;position:relative;width:50%}.quiz-div .questions h2{color:var(--clr-lg);font-weight:lighter;text-align:center}.quiz-div .questions .lifeline-container{display:flex;justify-content:space-between;margin-bottom:1rem}.quiz-div .questions .timer-container{display:flex;justify-content:space-between;margin-bottom:1.5rem}.quiz-div .questions .lifeline{position:relative;top:-3px}.quiz-div .questions .left{color:var(--clr-lg)}.quiz-div .questions .right{align-items:center;display:inline-flex}.quiz-div .questions .lifeline-icon{color:#57b846;cursor:pointer}.quiz-div .questions .lifeline-icon:hover{background:none;color:#cc8400}.quiz-div .questions h5{color:var(--clr-lg);font-size:1.2rem;line-height:1.5;margin-bottom:lg;text-align:center}.quiz-div .questions .options-container{display:inline-block;width:50%}.quiz-div .questions .option{background-color:var(--clr-bg-alt);border:2px solid var(--clr-fg-alt);border-radius:10px;color:#fff;cursor:pointer;margin:2rem auto;padding:1rem;text-align:center;transition:all .3s linear;width:70%}.quiz-div .questions .correct-option{background-color:green;color:#fff}.quiz-div .questions .wrong-option{background-color:red;color:#fff}.quiz-div .questions .timeline{border-radius:30px;border-top:5px solid red;left:0;position:absolute;top:0;width:0}.quiz-div .questions .button-container{align-items:center;display:flex;justify-content:space-between;margin:0;padding:2rem;width:100%}.quiz-div .questions .button-container button{border:none;border-radius:1.5rem;color:#f8f8f8;cursor:pointer;font-family:Quicksand,sans-serif;padding:.5rem 1.5rem}.quiz-div .questions .button-container button:first-child{background-color:#4cafed;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);transition:all .2s linear}.quiz-div .questions .button-container button:first-child:hover{background-color:#1d9be9}.quiz-div .questions .button-container button:nth-child(2){background-color:#57b846;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);transition:all .2s linear}.quiz-div .questions .button-container button:nth-child(2):hover{background-color:#469338}.quiz-div .questions .button-container button:last-child{background-color:#ea4355;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);transition:all .2s linear}.quiz-div .questions .button-container button:last-child:hover{background-color:#e1192f}@media(max-width:768px){.quiz-div{height:auto}.quiz-div .mode{padding:1.5rem 0}.quiz-div .questions{border-radius:0;margin:1.5rem auto;padding:1.5rem;width:90%!important}.quiz-div .questions .options-container{display:block;width:100%}.quiz-div .questions .option{margin:1.5rem auto;padding:1rem;width:80%}.quiz-div .questions .button-container{margin-bottom:1rem 2rem;padding:0}}.summary{background-color:var(--clr-bg);height:100vh;overflow:hidden;width:100%}.summary .mode{left:5%;padding-top:1.5rem;position:relative;top:0}.summary .quiz-summary{font-family:Quicksand,sans-serif;margin-top:-3rem}.summary .quiz-summary span.success-icon{color:#57b846;font-size:7rem}.summary .quiz-summary h1{color:#57b846;font-size:3rem;margin-top:-3rem;text-align:center}.summary .quiz-summary h2{color:#7ac4f2}.summary .quiz-summary h3{color:var(--clr-lg)}.summary .quiz-summary div.container.stats{background-color:var(--clr-fg);margin:3rem auto;padding:1.5rem;width:70%}.summary .quiz-summary .stats h2,.summary .quiz-summary .stats h3{margin-bottom:1.5rem;text-align:center}.summary .quiz-summary .stats .right,.summary .quiz-summary .stats .stat{color:var(--clr-lg);font-size:1rem}.summary .quiz-summary .statistics{margin:1rem auto;text-align:center}.summary .quiz-summary section ul{margin-top:1.5rem;text-align:center}.summary .quiz-summary section ul li{display:inline-block;padding:1rem}.summary .quiz-summary section ul li a{padding:1.5rem!important;text-decoration:none}.summary .quiz-summary section ul li a:hover{color:#f8f8f8}.summary .quiz-summary section ul li:first-child{border:1px solid #7ac4f2;margin-right:1.5rem;transition:all .3s linear}.summary .quiz-summary section ul li:first-child a{color:#7ac4f2}.summary .quiz-summary section ul li:first-child a:hover{color:#f8f8f8}.summary .quiz-summary section ul li:first-child:hover{background-color:#7ac4f2}.summary .quiz-summary section ul li:last-child{border:1px solid #57b846;transition:all .3s linear}.summary .quiz-summary section ul li:last-child:hover{background-color:#57b846}.summary .quiz-summary section ul li:last-child a{color:#57b846}.summary .quiz-summary section ul li:last-child a:hover{color:#f8f8f8}.summary .quiz-summary .no-stats{color:#333;margin:7rem auto}@media(max-width:768px){.summary .quiz-summary{padding-left:.5rem;padding-right:.5rem}.summary .quiz-summary div.container.stats{margin:1.5rem auto;padding:1rem;width:100%}.summary .quiz-summary h1{font-size:1.5rem}.summary .quiz-summary h3{font-size:1rem}.summary .quiz-summary section ul li{padding:5px 0}}
/*# sourceMappingURL=main.3d72ef26.css.map*/