body{background-color:#f4f4f6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{display:flex;height:60px;margin:10px auto;position:relative;width:85%}#navbar-sep{background-color:rgba(57,62,70,.125);border:none;color:rgba(57,62,70,.125);height:1px;width:90%}.logo{cursor:pointer;display:flex;flex-direction:row;margin-left:30px;position:relative;-webkit-user-select:none;user-select:none}.logo #logo-img{height:50px;margin-right:30px;position:relative;top:50%}.logo span{color:#222831;font-size:1.6rem;font-weight:500;line-height:60px}.logo span span{color:#393e46;font-weight:400;margin-left:5px}.navigation{color:#393e46;display:flex;flex-direction:row;margin:12px 0 auto auto;position:relative;-webkit-user-select:none;user-select:none}.navigation .diff{cursor:pointer;height:100%;margin:auto 20px;padding:10px;transition:.3s}.navigation .diff:hover{-webkit-transform:rotate(-3deg) scale(1.1115);transform:rotate(-3deg) scale(1.1115);transition:.2s}.navigation .diff span{font-weight:400;letter-spacing:1px;text-transform:uppercase;transition:.2s}@media only screen and (max-width:777px){.navigation .home{visibility:hidden;width:0}}.content{margin:0 auto;max-width:80%}.content .streaks-info{display:flex;justify-content:space-between}.content .info-card{margin:40px auto 30px;min-height:100px;width:100%}.content .info-card,.content .info-card-half{background-color:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 0 10px rgba(57,62,70,.377)}.content .info-card-half{flex-basis:calc(50% - 45px);flex-grow:0;flex-shrink:0;margin-top:40px;min-height:125px}.content .card-half-handler{display:flex;justify-content:space-between}@media only screen and (max-width:935px){.streaks-info{align-items:center;flex-direction:column;justify-content:center}}.dataStreak{align-items:center;display:flex;flex-direction:column;padding:20px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#title{font-size:1.7rem;margin:10px}#data{font-size:1.2rem;margin:10px}body{align-items:center;justify-content:center;margin:0;padding:0}.categories-container{display:flex;flex-wrap:wrap;margin:0 auto;width:90%}.search-bar{display:flex;flex-direction:row;justify-content:center;position:relative;width:100%}.search-bar input{border:1px solid #708090;border-bottom-left-radius:50px;border-top-left-radius:50px;font-size:1.1rem;height:50px;outline:none;padding:5px 5px 5px 15px;width:400px}.search-bar div{border:1px solid #708090;border-bottom-right-radius:50px;border-top-right-radius:50px;cursor:pointer;padding:0 13px}.search-bar div span{color:#708090;line-height:48px;-webkit-user-select:none;user-select:none}.footer{background-color:rgba(57,62,70,.125);margin-top:30px;padding:30px;text-transform:uppercase;width:100%}.footer .upper{display:flex;flex-direction:row;flex-wrap:wrap;height:200px;justify-content:space-evenly;width:100%}.footer .upper .footer-card{display:flex;flex-direction:column;height:100px;padding:20px;text-align:left;text-transform:capitalize}.footer .upper .footer-card span{background-color:rgba(0,172,181,0);border:none;cursor:pointer;padding:5px;text-align:left;transition:.3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer .upper .footer-card span:hover{color:#00adb5;transition:.3s}.footer .upper .footer-title{font-size:1.3rem;font-weight:400;text-transform:uppercase}.footer hr{color:#000}.footer .lower{display:flex;flex-direction:row;padding:20px}.footer .lower select{width:150px}.footer .lower .language{margin-left:40px;position:absolute}.footer .lower span{letter-spacing:1px;margin:0 auto;text-transform:capitalize;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.category{align-items:center;display:flex;flex:30% 1;flex-direction:column;height:400px;justify-content:center;margin:20px auto;text-align:center;transition:.3s;width:400px}.category .img{background-position:0;background-repeat:no-repeat;background-size:cover;border-top-left-radius:15px;border-top-right-radius:15px;height:160px}.category .img,.category .info{box-shadow:0 0 10px rgba(57,62,70,.125);width:350px}.category .info{align-items:center;background:#fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px;display:flex;flex-direction:column;height:220px;justify-content:center}.category .info span{font-size:1.5rem;margin:20px auto}.category .info button{align-items:center;background-color:#f1ba41;border:1px solid #b68c32;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:1.1rem;height:50px;justify-content:center;letter-spacing:1px;margin:20px;overflow:hidden;position:relative;text-transform:uppercase;transition:.3s ease;width:130px}.category .info button:after,.category .info button:before{content:"";display:block;height:100%;position:absolute;width:100%}.category .info button:after{background-color:hsla(0,0%,100%,.6);-webkit-clip-path:polygon(10% 0,70% 0,90% 100%,30% 100%);clip-path:polygon(10% 0,70% 0,90% 100%,30% 100%);left:-100%;transition:all .3s ease}.category .info button:hover:after{left:100%}.category:hover{-webkit-transform:scale(1.02);transform:scale(1.02);transition:.3s}.start-quiz{background-position:0;background-repeat:no-repeat;background-size:cover;height:450px;margin:0 auto;width:60%}.start-quiz .front{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.4);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.start-quiz .front #title{color:#fff;font-size:3rem;font-weight:400;letter-spacing:5px;text-shadow:0 0 2px #fff}.start-quiz .front hr{background-image:linear-gradient(90deg,transparent,#fff,transparent);border:0;height:1px;margin:40px 0}.start-quiz .front #label-ready{color:#fff;font-size:2rem;font-weight:500;letter-spacing:5px;margin-bottom:20px;text-transform:uppercase}.start-quiz .front .options{display:flex;flex-direction:row;margin:20px auto}.start-quiz .front .options button{align-items:center;background-color:#f1ba41;border:1px solid #b68c32;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:1.1rem;font-size:1.6rem;height:70px;justify-content:center;letter-spacing:1px;margin:20px;overflow:hidden;position:relative;text-transform:uppercase;transition:.3s ease;width:160px}.start-quiz .front .options .start:after,.start-quiz .front .options .start:before{content:"";display:block;height:100%;position:absolute;width:100%}.start-quiz .front .options .start:after{background-color:hsla(0,0%,100%,.6);-webkit-clip-path:polygon(10% 0,70% 0,90% 100%,30% 100%);clip-path:polygon(10% 0,70% 0,90% 100%,30% 100%);left:-100%;transition:all .3s ease}.start-quiz .front .options .start:hover:after{left:100%}.start-quiz .front .options .start:hover{border-radius:0;transition:.3s}.start-quiz .front .options .back{background-color:#e92c2c;border:#ac2121}.start-quiz .front .options .back:hover{-webkit-transform:scale(.95);transform:scale(.95)}.quiz-display{background-position:0;background-repeat:no-repeat;background-size:cover;height:70vh;margin:0 auto}.quiz-display .front{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.quiz-display .options{display:flex;flex-wrap:wrap;width:70%}.quiz-display .current-stats{align-items:center;background-color:#eee;display:flex;font-weight:500;height:70px;justify-content:center;position:absolute;text-align:center;top:0;width:100%}.quiz-display .current-stats #quest-num{font-size:1.6rem;margin:0 auto}.quiz-display #question{background-color:#eee;border-radius:10px;color:#000;font-size:4vh;font-weight:500;height:15vh;line-height:15vh;margin:70px 20px 20px;overflow-y:scroll;padding:2vh;text-align:center;width:80%}@media only screen and (max-width:700px){.quiz-display .options button{-webkit-transform:scale(.8);transform:scale(.8)}.quiz-display #question{font-size:2vh}}@media only screen and (max-width:500px){.quiz-display .options{display:flex;flex-direction:column;flex-wrap:nowrap}.quiz-display .options button{font-size:1.1rem;height:7vh;width:80%}.quiz-display #question{border-radius:0;font-size:3vh;width:100%}}.button-opt{align-items:center;background-color:#f1ba41;border:1px solid #b68c32;border-radius:7px;color:#fff;cursor:pointer;display:flex;flex:40% 1;flex-direction:column;font-size:3vh;height:10vh;justify-content:center;margin:15px;outline:none;text-align:center;transition:.3s}.button-opt:hover{box-shadow:5px 5px 2px 1px #b68c32;-webkit-transform:translateY(-5px) translateX(-5px);transform:translateY(-5px) translateX(-5px);transition:.3s}.stats-container{border-radius:15px;left:50%;min-height:450px;position:relative;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:70%;z-index:100}.header{align-items:center;border-top-left-radius:15px;border-top-right-radius:15px;display:flex;height:40px;top:0;-webkit-user-select:none;user-select:none}#title,.header{position:relative}#title{font-size:1.22rem;margin:0 auto}#close{border-radius:30px;cursor:pointer;padding:5px;position:absolute;right:15px;transition:.3s}#close:hover{background-color:rgba(0,0,0,.125);transition:.3s}.content{display:flex;flex-direction:column;height:100%;position:relative;width:100%}#result-title{font-size:2rem;font-weight:500;margin:20px auto 10px;position:relative}.right-wrong{font-size:1.2rem;margin:10px auto}.wrong-right-questions{display:flex;flex-direction:column}.stats-quests-title{font-size:1.5rem;font-weight:500;margin:0 auto 20px}.wrong-question{background-color:rgba(255,94,94,.76);border:1px solid #363636;border-radius:5px;display:flex;flex-direction:column;font-size:1.3rem;margin:10px 30px;padding:10px;position:relative;text-align:center}#stats-correct{color:rgba(0,0,0,.795);-webkit-text-decoration:underlin;text-decoration:underlin}.correct-question{background-color:rgba(60,214,60,.767);border:1px solid #363636;border-radius:5px;display:flex;flex-direction:column;font-size:1.3rem;margin:10px 30px;padding:10px;position:relative;text-align:center}#stats-correct{font-size:1.2rem}#stats-correct-pre-label{font-size:1.2;padding:20px}.quiz-content{margin:auto;position:relative;width:100%}hr{margin:20px auto;width:70%}.nopage-content{height:100%;width:100%}.nopage-content span{color:#d5d5ee;font-size:4rem;margin:auto}
/*# sourceMappingURL=main.e6a0f01f.css.map*/