.gameModeContainer{box-sizing:border-box;width:100%;text-align:center;font-size:2rem;padding:1em;font-weight:500;background-color:#fff;border-radius:16px;box-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 40px rgba(255,0,0,.9),inset 4px 5px 4px rgba(0,0,0,.5)}.modeSelectorContainer{display:flex;justify-content:space-around;align-items:center;height:100px;background-color:#fff;border-radius:16px;box-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 40px rgba(255,0,0,.9),inset 4px 5px 4px rgba(0,0,0,.5);margin:50px 0;width:60vw}.mainMenuButton{cursor:pointer;height:50px;color:grey;font:2rem Montserrat,sans-serif;font-weight:600;text-transform:capitalize;text-align:center;background-color:transparent;border:none;outline:none;border-radius:4px}.active{color:#000;border:none;border-bottom:6px solid rgba(255,0,0,.5)}*{box-sizing:border-box;margin:0;padding:0}.mainMenu{display:flex;flex-direction:column;height:100vh;padding:0 5%}.mainMenu>.header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:20vh}.header>div:first-child{height:100%}.mainsection{flex-direction:row;width:100%;height:65vh}.image,.mainsection{display:flex;align-items:center}.image{justify-content:center;margin-right:30px;margin-left:20px;height:50vh;padding-right:5px}.image>img{max-height:100%;max-width:100%}.namerulesranking{display:flex;flex-direction:column;height:60vh;max-width:60vw;width:100%;margin-left:auto}.namerulesranking>div:nth-child(2){height:80%}.buttons{display:flex;flex-direction:row;width:100%;height:10vh;align-items:flex-end;align-self:flex-end}#emptyRanking,#howToPlay,#theBestPlayers{background-color:#fff;margin:10px 0;border-radius:16px}#emptyRanking{box-shadow:0 2px 2px rgba(0,0,0,.25),2px 2px 20px rgba(255,0,0,.9),inset 2px 3px 2px rgba(0,0,0,.5)}#emptyRanking>h2{padding:40px;font-size:1.6rem;font-weight:500}@media screen and (max-width:1300px) and (orientation:landscape){.buttons>.button{font-size:1.2em}#howToPlay{min-height:300px}.gameModeContainer{font-size:1.5em}}@media screen and (max-width:1400px) and (orientation:portrait){.mainsection{flex-direction:column}#menu-logo{margin:0!important;width:30vw;height:auto}.image{height:35vh}.namerulesranking{margin:auto;padding-top:10px;max-width:85vw}.buttons>.button{font-size:1.2em}#howToPlay{min-height:300px}.gameModeContainer{font-size:1.5em}#emptyRanking,#howToPlay,#theBestPlayers{height:auto;min-height:20vh}.buttons>.button{font-size:1.7em}#theBestPlayers>*{font-size:1rem}}@media screen and (max-width:700px) and (orientation:portrait){.mainMenu>.header{height:fit-content}#emptyRanking>h2{font-size:1em}#menu-logo{display:none}.modeSelectorContainer{width:100%;margin:10px;height:fit-content;box-shadow:0 2px 2px rgba(0,0,0,.25),2px 2px 20px rgba(255,0,0,.9),inset 2px 3px 2px rgba(0,0,0,.5)}.mainMenuButton{font-size:1.3em}.mainsection{flex-direction:column;height:100%}.mainsection>.image{margin:0;height:40vh}.image{width:100%}img.border{box-shadow:0 2px 2px rgba(0,0,0,.25),2px 2px 20px rgba(255,0,0,.9),inset 2px 3px 2px rgba(0,0,0,.5)}.namerulesranking{margin:0;max-width:100vw;justify-content:space-around;height:50%}.gameModeContainer{margin-top:10px;padding:10px;font-size:1rem;font-weight:600}.namerulesranking>#howToPlay{height:90%;box-shadow:0 2px 2px rgba(0,0,0,.25),2px 2px 20px rgba(255,0,0,.9),inset 2px 3px 2px rgba(0,0,0,.5)}#howToPlay>.headerDiv{margin:15px 0 0;font-size:1.3em}#howToPlay>.gameRulesP{font-size:.9em;padding:10px 15px;height:fit-content}.buttons>.button{font-size:1em}.namerulesranking>#theBestPlayers{padding:5px}#theBestPlayers>*{font-size:.8em}#theBestPlayers>.rankingTitle{margin:5px}#theBestPlayers>.rankingTitle>*{font-size:1rem}}@media screen and (max-width:1000px) and (orientation:landscape){.modeSelectorContainer{width:100%;margin:10px;height:fit-content;box-shadow:0 2px 2px rgba(0,0,0,.25),2px 2px 20px rgba(255,0,0,.9),inset 2px 3px 2px rgba(0,0,0,.5)}.mainMenuButton{font-size:1.3em}#emptyRanking>h2{font-size:1em}.gameModeContainer{padding:10px;font-size:1.3rem;font-weight:600}.image{height:60vh;margin:0}.buttons>.button{font-size:1em}#theBestPlayers>p{font-size:.7rem}}@media screen and (max-width:350px){.mainMenuButton{font-size:1.1em}.buttons>.button{font-size:.8em}}@media screen and (max-width:850px) and (orientation:landscape){.mainMenuButton{font-size:1.1em}.buttons>.button{font-size:.8em}.gameModeContainer{font-size:1.1em}}.border{border-radius:20px;box-shadow:0 0 15px 15px rgba(255,0,0,.3)}.red-button{background-color:red;color:#fff;box-shadow:0 0 5px 5px rgba(255,0,0,.3)}.white-icon-button{background-color:#fff;color:#000;box-shadow:0 0 5px 5px rgba(0,0,0,.3)}.white-icon-button span{padding-left:10px}#menu-logo{margin-left:40px}#menu-logo img{max-width:100%;max-height:100%}.text-timer{color:rgba(255,0,0,.8);font-size:42px;text-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 40px rgba(255,0,0,.9);font-weight:800;text-align:center}.handle,.lightsaber{display:flex;align-items:center}.handle{width:299px;width:16%;height:30px;left:8px}.handle>img{width:110%;object-fit:contain}.saber{display:inline-block;width:84%;left:282px;top:10px;background:#bcbcbc;box-shadow:inset 0 4px 4px rgba(0,0,0,.25);margin:auto}.progress-bar,.saber{height:2.5vw;max-height:30px;border-radius:8px}.progress-bar{position:relative;background:#fff;box-shadow:10px -5px 15px red,10px 5px 15px red,inset 0 5px 4px rgba(255,0,0,.25)}#theBestPlayers{display:grid;grid-template-columns:1fr 4fr 1fr;font-weight:500;font-size:20px;padding:1em;box-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 40px rgba(255,0,0,.9),inset 4px 5px 4px rgba(0,0,0,.5)}.rankingTitle{display:inline;grid-column:span 3;margin:1em;text-align:center;font-weight:600;font-size:2rem}#theBestPlayers>.header{font-weight:700}#theBestPlayers>p{margin:5px}@media screen and (max-width:1000px){#theBestPlayers{padding:5px;min-height:155px}#theBestPlayers>*{font-size:1rem}.rankingTitle{font-size:1rem;margin:0}}#howToPlay{font-weight:500;text-align:center;box-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 40px rgba(255,0,0,.9),inset 4px 5px 4px rgba(0,0,0,.5)}.headerDiv{margin:1em;font-size:2rem;display:flex;flex-direction:row;align-items:baseline;justify-content:center}.gameRulesP{font-size:1.3rem;text-align:center;padding:0 100px;margin:auto}@media screen and (max-width:1000px) and (orientation:landscape){#howToPlay{min-height:45vh}.headerDiv{font-size:1.3rem}.gameRulesP{font-size:.9rem;padding:0 20px}}@media screen and (max-width:1000px) and (orientation:portrait){.headerDiv{margin:.5em}}@media screen and (max-width:350px){#howToPlay{min-height:0}#howToPlay>.gameRulesP{font-size:.8rem}.headerDiv{margin:.5em}}@media screen and (max-width:600px) and (orientation:landscape){#howToPlay{padding-bottom:15px}#howToPlay>.gameRulesP{font-size:.8rem}.headerDiv{margin:.5em}}.modal-window-bg{display:flex;position:fixed;top:0;background-color:rgba(0,0,0,.7);z-index:20;width:100%;height:100%;align-items:flex-start;justify-content:center;overflow-y:scroll}.modal-window{position:relative;z-index:25;margin:40px auto;max-width:90%;overflow:hidden}.saberAndTimerContainer{display:flex;flex-direction:column;justify-content:center;margin-top:auto;padding-bottom:30px}.answersContainer{padding:20px 0}@media screen and (max-width:1000px){.saberAndTimerContainer{padding-bottom:5px;margin-top:10px}.text-timer{font-size:1.3rem;padding-bottom:10px}.answersContainer{padding:10px 0;height:3}}@media screen and (max-height:300px){.saberAndTimerContainer{margin-top:0}}@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap");.answers-component{display:grid;grid-template-columns:repeat(2,minmax(1rem,1fr));grid-auto-rows:5rem;gap:2rem 1.5rem}.answers-component__button{font-family:Montserrat,sans-serif;font-weight:400;background:#fff;outline:none;border:none;box-shadow:0 .1rem .2rem rgba(0,0,0,.5);border-radius:1rem;font-size:2rem;width:100%;height:inherit;cursor:pointer;transition:all .3s;box-shadow:0 2px 2px rgba(0,0,0,.25),2px 2px 10px rgba(255,0,0,.9),inset 2px 2px 2px rgba(0,0,0,.5)}.answers-component__button:hover{box-shadow:0 .2rem .3rem rgba(0,0,0,.5)}.answers-component__button--correct{background:#41ed25;font-weight:600;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 30px #51fc00}.answers-component__button--correct:hover{box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 30px #51fc00}.answers-component__button--wrong{background:red;font-weight:600;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 30px red}.answers-component__button--wrong:hover{box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 30px red}@media screen and (max-width:750px){.answers-component{grid-template-columns:repeat(1,minmax(1rem,1fr));gap:10px;grid-auto-rows:auto;height:100%}.answers-component__button{height:auto;font-size:1em}}@media screen and (max-width:850px) and (orientation:landscape){.answers-component{grid-template-columns:repeat(1,minmax(1rem,1fr))}.answers-component__button{height:auto;font-size:1em}}@media screen and (max-width:1200px) and (orientation:landscape){.answers-component{grid-template-columns:repeat(2,minmax(1rem,1fr));gap:10px;grid-auto-rows:auto;height:100%}.answers-component__button{height:auto}}.game-over-win{box-sizing:border-box;background:#ddd;text-align:center;padding:1em;line-height:1.5;font-size:20px;font-weight:500}.game-over-win>h2{font-size:40px}.game-over-win>div{position:relative;text-align:left;display:grid;grid-template-areas:"yoda   scrollable-list scrollable-list     scrollable-list" "input  input           input-description   input-description";grid-template-columns:repeat(4,1fr)}.scrollable-list{grid-area:scrollable-list;align-items:center;padding:3rem 2em}.game-over-win ul{margin-top:1em;max-height:400px;overflow-y:scroll;list-style-type:none}.game-over-win ul>li{padding:1.3em 1em;display:grid;grid-template-columns:repeat(4,1fr)}.game-over-win ul>li:first-child{margin-top:0;color:#444}.game-over-win ul>li>img{border-radius:20px;box-shadow:3px 3px 10px 10px rgba(255,0,0,.3)}.correct{color:green}.wrong{color:red}.yoda{position:relative;bottom:-2px;grid-area:yoda;height:300px;align-self:flex-end;z-index:1}.game-over-win>div>input{grid-area:input;width:20em;border-radius:.5rem;border:2px solid #444;padding:.5em 1em;font-size:inherit}.game-over-win>div>p{grid-area:input-description}.submit-btn{margin:2em 0;padding:.3em 2em .5em;border:1px solid red;border-bottom:2px solid grey;border-radius:.5em;background-color:red;color:#fff;font-size:30px;box-shadow:0 0 10px 10px rgba(255,0,0,.3)}.submit-btn:hover{cursor:pointer}@media (max-width:1200px){.game-over-win>div{text-align:center;justify-content:center;justify-items:center;grid-template-areas:"scrollable-list" "yoda" "input" "input-description";grid-template-columns:1fr}.game-over-win>div>p{text-align-last:center}.game-over-win>div>input{text-align:center}}@media (max-width:600px){.scrollable-list{display:none}.game-over-win>div>input{width:15em}}@media (max-width:400px){.game-over-win>h2{font-size:30px}.game-over-win{font-size:17px}.scrollable-list{display:none}.game-over-win>div>input{width:10em}.submit-btn{font-size:20px}}.modal-window{background-color:#000}.apikey-modal-window{display:flex;flex-direction:column;width:70vw;margin:0 auto;padding:10%;justify-content:space-around;align-items:stretch}.apikey-modal-window>*{color:#fff}.apikey-modal-window>input{width:100%;height:40px;font-size:2rem;margin:0;color:#000}.apikey-modal-window>p{width:100%;padding:20px 0;font-size:1.5rem;margin:0}.apikey-modal-window>button{width:100%;margin:0}@media screen and (max-width:1000px){.apikey-modal-window{width:90vw}.apikey-modal-window>p{font-size:1em}.apikey-modal-window>input{font-size:1em}}body{font-family:Montserrat,sans-serif;background-image:url(QuizBackground.7b7635da.png);background-repeat:no-repeat;background-size:cover;height:100%;min-height:100vh;margin:0}p{padding:0 10px}.button{text-transform:uppercase;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:400;font-size:2em;padding:10px 0;width:100%;border-radius:10px;border:none}
/*# sourceMappingURL=App.281d9a8d.css.map */