body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Brandon Text-Bold;font-style:normal;font-weight:700;src:url(../media/BrandonText-Bold.db5fce6eca3a6acc86c1.otf) format("opentype")}@font-face{font-family:Brandon Text-Regular;font-style:normal;font-weight:400;src:url(../media/BrandonText-Regular.83620198839e84ef5e4c.otf) format("opentype")}@font-face{font-family:Brandon Text;src:url(../media/BrandonText-Black.f29bbc0cb521f50d847c.otf) format("opentype")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.max-width-tablet{margin:auto;max-width:1080px}@media screen and (min-width:1080px) and (min-height:530px){.App{background:url(../media/backgroundMosaic.cce0c4d2cbf4ac540108.svg);background-color:#282c34}.max-width-tablet{max-width:400px}.body{background-color:#28292b}}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb;font-family:Brandon Text-Bold}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.question-container{background-color:#acacac;font-family:Brandon Text-Bold,sans-serif;gap:2rem;height:88vh;justify-content:flex-start;margin:auto;overflow:hidden}.question-container,.question-container .question-data-container{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.question-container .question-data-container{background-color:#fff;border-radius:0 0 18px 18px;box-shadow:0 5px 4px #0000001a;height:280px;justify-content:center;justify-content:space-between}.animation-active{background:linear-gradient(180deg,#fff 34.59%,#fff0 109.29%);height:100%;left:0;opacity:.94;position:absolute;top:0;width:100%;z-index:5}.question-container .question-title{align-items:center;color:#000;display:flex;font-size:1.375rem;height:65%;justify-content:center;padding-left:2rem;padding-right:2rem;position:relative;text-align:center;top:15%}.question-container .timer-bar{background-color:#acacac;height:6px;left:0;position:absolute;top:0;width:100%}.question-container .background{background-color:#424242;height:90%;position:relative;transition:-webkit-clip-path .1s ease-in-out;transition:clip-path .1s ease-in-out;transition:clip-path .1s ease-in-out,-webkit-clip-path .1s ease-in-out;width:100%}.question-container .bottom-question-data-container{align-items:center;border-radius:30px;display:flex;height:15%;justify-content:space-between;margin-bottom:.75rem;margin-left:0;margin-right:0;width:100%}.bottom-question-data-container .number-question-label{margin-right:1rem;margin-top:-.5px;white-space:nowrap}.bottom-question-data-container .number-question-label,.question-container .category-label{align-items:center;background-color:#d9d9d9;border-radius:1.875rem;color:#121212;display:flex;gap:.25rem;height:1.5rem;padding:0 20px;position:relative;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:150}.question-container .category-label{flex-direction:row;font-size:.875rem;font-weight:450;justify-content:center;margin-left:1rem}.animation-container{height:450px;left:50%;position:absolute;top:0;transform:translate(-50%);width:550px;z-index:99}@media screen and (min-width:600px) and (max-height:550px){.question-container .question-data-container{height:50%}.animation-container{height:350px;width:350px}.animation-active{height:100%;left:0;top:0;width:100%}.question-container .category-label{margin-left:1rem}.question-container .bottom-question-data-container{width:calc(100% - 2rem)}}@media screen and (max-width:450px) and (max-height:670px){.question-container{gap:1rem}}@media screen and (max-width:450px) and (max-height:653px){.question-container{gap:1rem;height:100vh}.question-data-container{height:250px}}@media screen and (min-width:601px) and (max-height:325px){.question-container{gap:1rem;height:100vh}}@media screen and (min-width:601px) and (max-height:250px){.question-container{gap:.5rem}}@media screen and (max-width:850px) and (max-height:265px){.question-container .category-label{font-size:.75rem;padding:0 7px}.question-container .category-label img{width:15px}.number-question-label{font-size:.75rem;padding:0 7px}}@media screen and (max-height:665px) and (min-width:1079px){.question-container{height:100vh}}.buttons-answer{align-items:center;background-color:#fff;border:none;border-radius:8px;display:flex;flex-direction:column;font-family:Brandon Text-Bold,sans-serif;font-size:1.25rem;font-style:normal;font-weight:450;height:2.7rem;justify-content:center;margin-left:1rem;margin-right:1rem;position:relative;width:100%}.buttons-answer:disabled,.buttons-answer[disabled]{color:#000}.buttons-answer .state-layer{align-items:center;align-self:stretch;display:flex;flex:1 1;flex-grow:1;justify-content:center;position:relative;width:100%}.buttons-answer .label-text{margin-top:-1px;position:relative;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.buttons-answer.incorrect{background-color:#e92027;color:#fff}.buttons-answer.default{background-color:#fff}.buttons-answer.correct{background-color:#00a746;color:#fff}@media screen and (min-width:600px) and (max-height:550px){.buttons-answer{margin-left:0;margin-right:0;max-width:390px;width:45%}}@media screen and (max-width:850px) and (max-height:265px){.buttons-answer{font-size:1rem;height:2rem;width:35%}}.buttons-answer-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:.3rem;margin-top:.5rem;max-width:1000px;width:100%}@media screen and (max-width:700px) and (max-height:265px){.buttons-answer-container{margin-top:0}}.header-container{align-items:center;display:flex;flex-direction:row;gap:.5rem;height:12vh;justify-content:space-between;width:100%}@media screen and (max-height:653px) and (max-width:450px){.header-container{display:none}}@media screen and (max-height:330px) and (min-width:601px){.header-container{display:none}}@media screen and (min-width:1080px) and (max-height:665px){.header-container,.tutorial-banner{display:none}.end-game-container{height:100vh}}.end-game-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;gap:1rem;height:88vh;justify-content:flex-start}.end-game-title-landscape,.end-game-title-mobile{font-family:Brandon Text-Bold,sans-serif;font-size:1.75rem;font-weight:450;margin-top:13%;text-align:center;text-transform:uppercase;width:60%}.end-game-title-landscape{display:none;margin-top:0}.end-game-subtitle-landscape,.end-game-subtitle-mobile{font-family:Brandon Text-Bold,sans-serif;font-size:1.375rem;font-style:normal;font-weight:400;line-height:1.625rem;margin-bottom:8%;text-align:center}.end-game-subtitle-landscape{display:none;margin-top:0}.end-game-bottom-label{color:#000;font-family:Brandon Text-Regular;font-size:1.125rem;font-style:normal;font-weight:390;line-height:1.375rem;margin:0;text-align:center;width:68%}.end-game-button{background:#121212;border:none;border-radius:6.25rem;bottom:3rem;color:#fff;font-family:Brandon Text-Bold,sans-serif;font-size:1.25rem;height:48px;margin:3rem auto auto;max-width:343px;position:absolute;width:90%}.end-game-bottom,.end-game-button{align-items:center;display:flex;flex-direction:column;justify-content:center}.end-game-bottom{gap:.5rem}.no-margin-bottom{margin-bottom:0}.green-subtitle{color:#30c45c}.red-subtitle{color:#ff544c}.score-box img{height:100px}@media screen and (min-width:600px) and (max-height:550px){.end-game-container{flex-direction:row;justify-content:center;padding-left:2rem;padding-right:2rem}.end-game-subtitle-mobile,.end-game-title-mobile{display:none}.end-game-subtitle-landscape,.end-game-title-landscape{display:flex;margin-bottom:0;width:auto}.end-game-bottom{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.end-game-button{bottom:0;margin-top:1.3rem;position:relative}}@media screen and (max-height:653px) and (max-width:450px){.header-container{display:none}.end-game-container{height:100vh}.animation-width{width:150px}}@media screen and (max-height:700px) and (max-width:450px){.end-game-title-mobile{margin-top:5%}}@media screen and (max-width:850px) and (max-height:265px){.end-game-subtitle-landscape,.end-game-title-landscape{font-size:1rem}.end-game-bottom-label{font-size:.75rem}.end-game-button{height:36px;margin-top:0}.date-record{font-size:.75rem}.correct-answers,.text-score-box .record{font-size:1rem}.score-box img{height:100px}.end-game-container{height:100vh}}@media screen and (max-height:625px) and (min-width:1079px){.header-container{display:none}.end-game-container{height:100vh}.end-game-title-mobile{margin-top:2rem}}.tutorial-container{gap:1rem}.understood-button{background:#121212;border:none;border-radius:6.25rem;bottom:3rem;color:#fff;font-family:Brandon Text-Bold,sans-serif;font-size:1.25rem;height:48px;margin:auto;max-width:343px;position:absolute;width:90%}.tutorial-topic-container,.understood-button{align-items:center;display:flex;flex-direction:column;justify-content:center}.tutorial-topic-container{margin-top:1rem}@media screen and (max-height:250px) and (min-width:653px){.tutorial-container{gap:0}}@media screen and (min-width:600px) and (max-height:550px){.tutorial-topic-container{flex-direction:row;margin-top:0}.banner-container{height:20vh;overflow:hidden;width:100%}.tutorial-title{margin:0}.banner-container img{object-position:15% 20%}.trivia-crack-image{left:auto;position:absolute;right:5%;top:50%;transform:translateY(-50%);width:232px}.understood-button{bottom:0;margin:1rem auto;position:relative;width:250px}.end-game-button{width:250px}}@media screen and (max-width:850px) and (max-height:265px){.tutorial-banner{display:none}.end-game-button{margin-top:0}}.topic-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-left:1rem;margin-right:1rem;width:100%}.border-bottom:after{background-color:#e6e7e8;content:"";height:.0625rem;width:80%}.topic-image-text{align-items:center;display:flex;flex-direction:row;justify-content:center;text-align:left;width:80%}.topic-image-text .topic-text{color:#000;font-family:Brandon Text-Regular,sans-serif;font-size:1.125rem;font-style:normal;font-weight:300;line-height:1.375rem;width:65%}.topic-image-text .image-topic{width:23%}@media screen and (min-width:600px) and (max-height:550px){.topic-image-text{flex-direction:column;font-size:1.125rem;text-align:center;width:80%}.topic-image-text .topic-text{margin:0;width:100%}.topic-container{gap:0;margin-left:0;margin-right:0}.border-bottom:after{display:none}.topic-image-text .image-topic img{width:70%}}.loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.loader-container img{object-fit:cover}.tutorial-banner{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.loader-image-container{height:100vh;overflow:hidden;width:100%}.loader-image-container img{height:100%;object-fit:cover;object-position:55% 55%;width:100%}.loading-label-progess-bar{align-items:center;bottom:10%;color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.loading-label{color:#fff;font-family:Brandon Text-Bold,sans-serif;font-size:1.125rem;font-weight:400;margin:0;text-align:center}.loader-trivia-crack-image{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:50%;position:absolute;top:15%;transform:translateX(-50%)}@media screen and (min-width:600px) and (max-height:550px){.loader-image-container img{height:100%;object-fit:cover;object-position:55% 40%;transform:scale(1.2) translateX(-7%);width:100%}.loader-trivia-crack-image{left:auto;position:absolute;right:5%;top:50%;transform:translateY(-50%)}}.progress-bar-container{background-color:#ffc83b;border-radius:.8rem;height:1rem;position:relative;width:15rem;z-index:100}.background-progress-bar{background-color:#000;border-radius:.8rem;height:1.1rem;left:-1px;position:absolute;top:-1px;transition:-webkit-clip-path .1s ease-in-out;transition:clip-path .1s ease-in-out;transition:clip-path .1s ease-in-out,-webkit-clip-path .1s ease-in-out;width:15.1rem}.tutorial-container{flex-direction:column;gap:0;height:100vh;justify-content:flex-start;width:100%}.tutorial-container,.willy-container{align-items:center;background-color:#fff;display:flex}.willy-container{border:1px solid #000;border-radius:1rem;flex-direction:row;height:80px;left:50%;margin-top:0;max-width:350px;padding:.3rem;position:absolute;top:0;transform:translate(-50%,350%);width:90vw;z-index:102}.willy-text{color:#000;font-family:Brandon Text-Regular,sans-serif;margin:0 0 0 110px;padding:1.5rem;text-align:left}.tutorial-banner-home{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;z-index:101}.text-tap-to-continue{bottom:7rem;color:#fff;font-family:Brandon Text-Regular,sans-serif;max-width:90%;padding:1rem;position:absolute;text-align:center;width:100%}.banner-container{height:25vh;overflow:hidden;width:100%}.banner-container img{height:100%;object-fit:cover;object-position:15% 15%;width:100%}.trivia-crack-image{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.tutorial-title{color:#000;font-family:Brandon Text-Bold,sans-serif;font-size:1.375rem;font-weight:400;line-height:1.625rem;text-align:center}.container-tab{align-items:flex-end;background-color:#fff;display:flex;flex-direction:row;height:40px;justify-content:flex-start;margin-bottom:0;position:relative;width:100%;z-index:101}.second-tab{cursor:pointer;font-family:Brandon Text-Bold,sans-serif;padding-bottom:.5rem;width:50%}.active-tab{border-bottom:2px solid #000}.disabled-tab{border-bottom:2px solid #d1d1d1}.understood-button-home{align-items:center;background:#121212;border:none;border-radius:6.25rem;color:#fff;display:flex;flex-direction:column;font-family:Brandon Text-Bold,sans-serif;font-size:1.25rem;height:48px;justify-content:center;margin:auto;max-width:343px;position:relative;width:90%}.score-home-container{height:100%;justify-content:flex-start}.container-score-total,.score-home-container{align-items:center;display:flex;flex-direction:column;width:100%}.container-score-total{justify-content:center;margin-top:1rem}.score-box{align-items:center;background:#f2f3f4;background:var(--surfaces-surface-container-high,#f2f3f4);border:1px solid #f2f3f4;border:1px solid var(--containers-gray-light,#f2f3f4);border-radius:.5rem;display:flex;flex-direction:row;height:5.875rem;justify-content:center;margin-top:0;position:relative;width:92%}.score-box img{bottom:0;left:0;position:absolute}.text-score-box{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-left:5rem}.text-score-box p{font-family:Brandon Text-Regular;margin:0}.text-score-box .title{color:#000;font-size:.875rem;font-weight:390}.text-score-box .record{font-family:Brandon Text-Bold;font-size:1.375rem;font-weight:450}.text-score-box .date{color:#9b9b9c;font-size:.875rem;font-weight:300}.date-record{color:#9b9b9c;font-size:.875rem;font-weight:450;margin-left:2rem;padding-right:0}.correct-answers,.date-record{font-family:Brandon Text-Regular}.correct-answers{color:#000;font-size:1.25rem;font-weight:400;margin-right:2.4rem;padding-left:0;text-align:center;width:30px}.table-last-scores{border-collapse:initial;margin-top:1rem;width:100%}.table-last-scores thead{color:#636364;font-family:Brandon Text-Regular;font-size:.75rem;font-weight:400}.table-last-scores table{border-collapse:collapse;width:100%}.table-last-scores tr{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding-bottom:.3rem}th{padding:8px}.record-item{border-bottom:1px solid #ddd}.missing-score-text{color:#636364;font-family:Brandon Text-Regular;font-size:1rem;font-style:normal;font-weight:390;margin-top:2rem;text-align:center;width:80%}.date-thead{margin-left:2rem;padding:0}.answers-thead{margin-right:2rem;padding:0}.high-record{color:#30c45c}.low-record{color:#9b9b9c}.bottom-home,.top-home{justify-content:center}.bottom-home,.container-understood-button,.top-home{align-items:center;display:flex;flex-direction:column;width:100%}.container-understood-button{box-shadow:0 -2px 4px 0 #00000040;height:150px}.new-achievement-container{animation:slideInAndExpand 2.5s forwards;background-color:#fff;border-radius:6px;height:73px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:0;z-index:999}.white-container-new-achievement{align-items:center;animation:fadeIn 1.5s forwards;display:flex;gap:10px;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInAndExpand{0%{opacity:0;transform:translateX(-50%) translateY(0);width:0}10%{opacity:1;transform:translateX(-50%) translateY(-50%);width:307px}75%{opacity:1;transform:translateX(-50%) translateY(-50%);width:307px}to{opacity:1;transform:translateX(-50%) translateY(-300%);width:307px}}@media screen and (max-width:330px){.text-score-box .record{font-size:1rem}}@media screen and (min-width:600px) and (max-height:550px){.new-achievement-container{background-color:#fff;border-radius:6px;height:73px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:307px;z-index:999}.container-tab{margin-bottom:0}.container-score-total{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:center;margin-top:0;width:100%}.container-understood-button{align-items:center;box-shadow:"0px -2px 4px 0px rgba(0, 0, 0, 0.25)";display:flex;flex-direction:column;height:100%;height:0;width:100%}.understood-button-home{bottom:25px;position:absolute;right:50px;width:175px}.willy-container{background-color:#fff;border:1px solid #000;border-radius:1rem;display:flex;flex-direction:row;height:80px;left:50%;margin-top:10rem;padding:.3rem;position:absolute;top:30px;transform:translate(-50%);width:350px;z-index:102}.text-tap-to-continue{bottom:2rem}.score-home-container{align-items:baseline;flex-direction:column;height:65%;justify-content:flex-start;margin-top:0;width:100%}.banner-container{height:30vh;overflow:hidden;width:100%}.tutorial-title{font-size:1rem;margin:0;text-align:left}.banner-container img{object-position:15% 20%}.trivia-crack-image{left:auto;position:absolute;right:5%;top:50%;transform:translateY(-50%);width:232px}.understood-button{bottom:0;margin:0 auto 1rem;position:relative}.top-home{align-items:flex-start;width:100%}.bottom-home,.top-home{display:flex;flex-direction:column;justify-content:center}.bottom-home{align-items:center;width:40%}.score-box{margin-top:1.5rem;width:50%}.missing-score-text{margin:.5rem auto auto;width:auto}.date-thead{margin-left:1rem;padding:0}.answers-thead{margin-right:1rem;padding:0}.table-last-scores{margin-top:0}}@media screen and (max-height:653px) and (max-width:450px){.missing-score-text,.tutorial-title{margin-top:.5rem}.tutorial-title{margin-bottom:0}.text-score-box{margin-left:6rem}.tutorial-container{gap:0}}@media screen and (max-height:300px) and (min-width:651px){.tutorial-container{gap:.5rem}.banner-container{height:20vh}.text-score-box{margin-left:6rem}.understood-button{height:36px;margin-top:.5rem}.tutorial-container{gap:0}}@media screen and (max-width:850px) and (max-height:327px){.correct-answers,.date-record{font-size:1rem}.tutorial-banner-home{display:none;height:30%}.understood-button{height:36px;width:250px}.score-box{margin-top:1rem}}@media screen and (min-width:1080px) and (max-height:665px){.header-container,.tutorial-banner-home{display:none}.end-game-container{height:100vh}}.achievements-container{align-items:center;display:flex;flex-direction:column;height:59vh;max-height:500px;overflow:scroll;width:100%}.achievements-container::-webkit-scrollbar{width:0}.title-achieve{font-family:Brandon Text-Bold,sans-serif;margin:0}.description-achieve{font-family:Brandon Text-Regular,sans-serif;font-size:14px;font-weight:100;margin:0;max-width:150px;text-align:left}.title-description-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.progress-bar{font-family:Brandon Text-Bold,sans-serif}.achieve-container-item{align-items:center;border-bottom:1px solid #e6e7e8;display:flex;flex-direction:row;justify-content:center;padding-bottom:.5rem;padding-top:.5rem;width:100%}@media screen and (min-width:600px) and (max-height:550px){.achievements-container{align-items:center;flex-wrap:wrap;gap:2rem;height:100%;margin:auto;max-height:500px;overflow:scroll;width:100%}.achieve-container-item,.achievements-container{display:flex;flex-direction:row;justify-content:center}.achieve-container-item{border-bottom:1px solid #e6e7e8;padding-bottom:.5rem;padding-top:.5rem;width:40%}}.pildora-cilindro{border-radius:30px;display:inline-block;overflow:hidden;padding:1.5px 25px;position:relative}.progress-bar-completed{height:100%;left:0;position:absolute;top:0;width:0}.animation{animation:progressBarAnimation 1s ease forwards}.no-animation{height:100%;left:0;position:absolute;top:0;width:100%}.progress-bar-half-completed{animation:progressBarAnimation 1s ease forwards;height:100%;left:0;position:absolute;top:0;width:50%}.progress-bar-half-completed-green{background-color:#30c45c;height:100%;left:0;position:absolute;top:0;width:50%;z-index:150}.progress-bar-empty{background-color:#f2f3f4 0;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes progressBarAnimation{0%{width:0}to{width:100%}}.pildora-cilindro span{color:#fff;position:relative;text-align:center;z-index:1}
/*# sourceMappingURL=main.8b69b9df.css.map*/