.progress-bar{position:relative;left:0;right:0;bottom:0}.progress-bar-wrapper{display:flex;align-items:center;width:90%;margin:10px auto}.progress-bar-lightsaber-handle{display:flex;align-items:center;margin:0;flex-basis:20%}.progress-bar-lightsaber-handle>img{width:100%}.progress-bar-lightsaber-empty{height:1.7vw;flex-grow:1;margin-left:-1.2vw;background-color:#777;border-radius:50px}.progress-bar-lightsaber-full{width:100%;height:100%;background-color:#eee;border-radius:50px;box-shadow:0 0 10px 4px #0f0;animation:progress-bar 120s linear forwards}.progress-bar-timer{margin:10px auto;text-align:center;font-size:32px;font-weight:700;letter-spacing:1px;color:#0f0;animation:text-color 120s linear forwards}@keyframes progress-bar{49%{box-shadow:0 0 10px 4px #0f0}51%{box-shadow:0 0 10px 4px #ef0}73%{box-shadow:0 0 10px 4px #ef0}75%{box-shadow:0 0 10px 4px #f80}85.5%{box-shadow:0 0 10px 4px #f80}87.5%{box-shadow:0 0 10px 4px red}99.99%{box-shadow:0 0 10px 4px red}to{width:0;box-shadow:none}}@keyframes text-color{49%{color:#0f0}51%{color:#ef0}73%{color:#ef0}75%{color:#f80}85.5%{color:#f80}87.5%{color:red}to{color:red}}@media screen and (max-width:1024px){.progress-bar-timer{font-size:28px}}@media screen and (max-width:768px){.progress-bar-timer{font-size:24px}}@media screen and (max-width:480px){.progress-bar-timer{font-size:20px;font-weight:600}}@media screen and (max-width:360px){.progress-bar-timer{font-size:16px}}.main-menu__wrapper{margin:1.5rem;display:flex;justify-content:space-around;align-items:center}.main-menu__logo{height:120px}.logo-image{height:100%;text-decoration:none}.main-menu__logo p{color:#f3b034;text-shadow:0 0 16px red;text-align:center;font-weight:700;line-height:.9;letter-spacing:2px}.main-menu__modes{list-style-type:none;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 40px var(--shadow-color-red);border-radius:23px;width:60%;height:5rem;display:flex;justify-content:space-around;align-items:center;text-transform:uppercase;font-weight:600;font-size:1.4rem}.main-menu--option{cursor:pointer}.main-menu--option:hover{color:red}.main-menu--selected{color:#fff;text-shadow:0 0 5px var(--shadow-color-red),0 0 10px var(--shadow-color-red),0 0 20px var(--shadow-color-red),0 0 40px var(--shadow-color-red),0 0 80px var(--shadow-color-red),0 0 90px var(--shadow-color-red),0 0 100px var(--shadow-color-red),0 0 150px var(--shadow-color-red)}@media (max-width:768px){.main-menu__wrapper{flex-wrap:wrap;justify-content:center}.main-menu__modes{margin-top:1rem;width:100%;font-size:1em}.main-menu__logo{margin-bottom:1rem}}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{position:relative;background-color:#fefefe;border-radius:20px;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@-webkit-keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:#fff;float:right;font-size:28px;font-weight:700;max-height:100%;line-height:29px}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.modal-header{border-top-left-radius:20px;border-top-right-radius:20px;text-align:center;padding:0 16px;background-color:red;color:#fff}.modal-body{width:100%;padding:0 16px;max-height:30vw;overflow:auto;margin-bottom:16px}.modal-body table{table-layout:fixed;width:100%;font-size:2vw;text-align:center}.all-ranking-btn-flex{margin-top:10px;height:75px;display:flex;justify-content:center;width:100%}#all-ranking-btn{background-color:#fff;border-radius:16px;width:30%;font-size:1.25rem;height:3.5rem;color:#000;cursor:pointer;border:1px solid #000;margin-top:1rem}#all-ranking-btn:hover{background-color:red;color:#fff}.main-header__wrapper{min-height:352px}.main-question__wrapper{display:none;min-height:400px;width:100%;margin-bottom:2rem}.question-image__wrapper{display:flex;justify-content:flex-start;align-items:flex-start;flex-basis:33.125%;margin-left:4.74vw}.question-image__image{height:28.248vw;width:21.4vw;min-width:200px;min-height:264px;background-color:#fff;background:transparent no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:16px;box-shadow:4px 4px 40px rgba(255,0,0,.9);transition:all 1s;-webkit-transition:all 1s}.loader{margin:0 auto;display:flex;align-items:center;justify-content:center;min-height:100px}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.question-content__wrapper{flex-basis:65.785%;margin-right:8.375vw}.question-content--header{width:100%;background-color:#fff;min-height:100px;margin-bottom:40px;border-radius:16px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(4px 4px 40px var(--shadow-color-red));box-shadow:inset 4px 5px 4px rgba(0,0,0,.5)}.question-content--header p{margin:0}.question-content--header p:hover{cursor:default}.question-content--computer{width:100%;background-color:#fff;min-height:100px;margin:40px auto;border-radius:16px;display:flex;align-items:center;justify-content:center;//box-shadow:inset 4px 5px 4px rgba(0,0,0,.5);transition:all .5s;-webkit-transition:all .5s}.p-content--computer-question{flex-basis:60%}.p-content--computer-question,.question-content--computer span:first-child{display:flex;align-items:center;justify-content:center;font-size:2.625rem;text-align:center;padding:3px}.question-content--computer span:first-child{flex-basis:40%}.p-content--header-question{font-size:2.625rem;font-weight:600;text-align:center;padding:3px}.question-content--variants{width:100%;display:grid;grid-gap:3rem;grid-template-columns:calc(50% - 1.5rem) calc(50% - 1.5rem);grid-template-rows:calc(50% - 1.5rem) calc(50% - 1.5rem)}.question-content--item{min-height:100px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:16px;cursor:pointer}.question-content--item p{margin:0}.question-content--item:hover{box-shadow:0 4px 4px rgba(0,0,0,.25),inset 0 4px 4px rgba(0,0,0,.25)}.question-content--item.answer-selected{font-weight:600}.question-content--item.answer-computer{background:#eaff00;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 30px #eaff00}.question-content--computer.answer-good,.question-content--item.answer-good{background:#41ed25;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 30px #51fc00}.question-content--computer.answer-bad,.question-content--item.answer-bad{background:red;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 30px red}.p-content--computer-question.answer-bad{filter:drop-shadow(0 0 3px #FF0000);color:red}.p-content--computer-question.answer-good{filter:drop-shadow(0 0 3px #41ED25);color:#41ed25}.p-content--item{font-size:2.625rem;color:#000;text-align:center;padding:3px;box-shadow:none;filter:none}.question-finish{display:none;align-self:center;justify-self:center;margin:0 auto}.question-api-error__wrapper{width:100%;min-height:500px;display:none;align-items:center;justify-content:center}.question-api-error--content{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.question-api-error--content h2{text-align:center;color:red;font-size:2rem;filter:drop-shadow(1px 1px 5px rgb(63,2,2))}.question-api-error--content img{max-height:40vh}@media (max-width:1700px){.question-content__wrapper{flex-basis:67.785%;margin-right:7.375vw}}@media only screen and (max-width:1440px){.question-content__wrapper{flex-basis:64.785%;margin-right:7.375vw}.p-content--computer-question,.p-content--header-question,.p-content--item,.question-content--computer span:first-child{font-size:1.5rem}.question-content--computer,.question-content--header,.question-content--item{min-height:70px}.question-content--header{margin-bottom:1.5rem}.question-content--variants{grid-gap:1.5rem;grid-template-columns:calc(50% - .75rem) calc(50% - .75rem);grid-template-rows:calc(50% - .75rem) calc(50% - .75rem)}}@media (max-width:1216px){.question-content__wrapper{flex-basis:59.785%;margin-right:6.375vw}}@media (max-width:883px){.question-content__wrapper{flex-basis:56.785%;margin-right:5.375vw}.question-content--computer{width:100%}}@media only screen and (max-width:768px){.main-question__wrapper{display:none;flex-direction:column;align-items:center;justify-content:center}.question-image__wrapper{display:flex;justify-content:center;align-items:center;flex-basis:100%;margin:0 auto 2rem}.question-content__wrapper{flex-basis:100%;width:80vw;margin:0 auto}}@media only screen and (max-width:550px){.p-content--computer-question,.p-content--header-question,.p-content--item,.question-content--computer span:first-child{font-size:1.2rem}.question-content--computer,.question-content--header,.question-content--item{min-height:60px}}@media only screen and (max-width:330px){.question-content--variants{grid-gap:1.5rem;grid-template-columns:100%;grid-template-rows:60px 60px 60px 60px}}.end-result-modal{display:flex;justify-content:center;align-items:flex-start;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.end-modal-content{margin-top:30px;margin-bottom:30px;background-color:#fefefe;padding:3rem;width:60%;box-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 40px rgba(255,0,0,.9);border-radius:16px}.end-modal-content h2{margin-top:0;margin-bottom:1rem;text-align:center;font-weight:600;font-size:2rem}.end-modal-content .end-sub-title{font-size:1.5rem;text-align:center}#end-result-p{text-align:center}.end-hall-of-fame{display:flex;flex-direction:column;align-items:end}div.end-yoda-answers{display:flex;align-items:center;justify-content:space-evenly;flex-wrap:nowrap}.end-yoda{height:20rem;align-self:center;object-fit:cover}.end-answers{display:flex;align-items:center;justify-content:end;flex-direction:column;align-self:flex-end}.end-answers-header{grid-template-columns:.8fr 1fr 1fr 1fr;width:100%;display:grid;padding:0 1rem;align-items:center;font-weight:600;border-bottom:1px solid #c4c4c4}#end-answer-row{height:30px;text-align:center;padding-left:1rem;width:100%;align-items:center;display:none;grid-template-columns:1.5fr 1fr 1fr 1fr}#end-answers-table{width:100%;height:20rem;overflow-y:scroll;display:inline}#hall-of-fame-save{display:flex;justify-content:space-evenly;flex-wrap:wrap-reverse}form#hall-of-fame-save label{width:25rem}.end-player-name{width:20rem;height:4rem;left:627px;top:591px;border:4px solid #c4c4c4;box-sizing:border-box;border-radius:8px;font-size:2rem;padding-left:1rem;padding-right:1rem;width:100%}.end-save-button{background:var(--shadow-color-red);box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25),4px 4px 40px var(--shadow-color-red);border-radius:16px;color:#fff;font-size:2rem;flex-grow:1;border:none;font-weight:500;padding:1rem 2rem;transition:all .5s}.end-save-button:hover{transform:scale(.9);transition:.5s;background-color:red}.end-save-button-container{text-align:center;margin-top:2rem}.end-yoda-answers{justify-content:space-evenly;flex-wrap:wrap}.end-yoda-answers,form#hall-of-fame-save{display:flex;align-items:center}form#hall-of-fame-save p{font-size:1.3rem;padding-left:1rem;margin:1.2rem 0 1rem;text-align:center}.swquiz-answer-row div{display:grid;grid-template-columns:6rem 1fr 1fr 1fr;width:100%;padding:0 1rem;align-items:center;height:100%}.swquiz-answer-row img{height:100%;border-radius:16px}.swquiz-yoda-answers-table-wrapper{width:100%}#end-result-p{font-size:30px;color:red;font-weight:600}div.end-answers-header p{text-align:center}@media (max-width:1230px){div.end-yoda-answers{flex-wrap:wrap}.end-answers{width:100%}div.end-modal-content{width:70%;padding:2.5rem}}@media (max-width:680px){div.end-modal-content{width:90%}}@media (max-width:780px){div.end-modal-content{width:85%;padding:1rem}}section.end-game{display:none}.rules{box-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 40px var(--shadow-color-red);background:#fff;font-size:1.75rem;padding:2rem;width:100%;color:#000;border-radius:20px;margin:2%;min-width:380px;min-height:300px}.rules h2{display:flex;justify-content:center;margin-bottom:1rem;text-align:center}.rules-content{display:block;margin-right:9.375vw;flex-basis:69.785%}.rules p{display:flex;justify-content:left;text-align:center}.buttons{margin:2%;height:75px;display:flex;justify-content:space-between;width:100%;min-width:300px;min-width:375px}.hall-of-fame{background-color:#fff;border-radius:16px;color:#000;border:1px solid wheat}.hall-of-fame,.play-the-game{box-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 40px var(--shadow-color-red);width:42%;font-size:x-large}.play-the-game{background-color:red;border:1px solid #fff;border-radius:16px;color:#fff}.swquiz-header{margin-top:1rem;height:5em;display:flex;justify-content:space-around;align-items:center;padding:0 3rem}.swquiz-logo{height:100%}.rules table{text-align:center;table-layout:fixed;width:100%;font-size:1.7vw}.swquiz-menu{list-style-type:none;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 40px var(--shadow-color-red);border-radius:23px;width:60%;height:70%;display:flex;justify-content:space-around;align-items:center;text-transform:uppercase;font-weight:700}.menu-option{cursor:pointer}.selected{color:#fff;text-shadow:0 0 5px var(--shadow-color-red),0 0 10px var(--shadow-color-red),0 0 20px var(--shadow-color-red),0 0 40px var(--shadow-color-red),0 0 80px var(--shadow-color-red),0 0 90px var(--shadow-color-red),0 0 100px var(--shadow-color-red),0 0 150px var(--shadow-color-red)}.rules-head{box-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 40px var(--shadow-color-red);display:flex;justify-content:center;align-items:center;background:#fff;font-size:1.75rem;padding:2rem;width:100%;height:80px;color:#000;border-radius:20px;margin:2%;min-width:380px}.rules-buttons{display:flex;min-height:400px;width:100%;margin-bottom:2rem}.play-the-game:hover{background-color:#fff;color:red}.hall-of-fame:hover{background-color:red;color:#fff}.head-img-rules{padding-top:1%;display:flex;justify-content:flex-start;align-items:flex-start;flex-basis:33.125%;margin-left:4.74vw}.img-rules{max-height:100%;box-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 40px var(--shadow-color-red);border-radius:16px;height:28.248vw;width:21.4vw;min-width:200px;min-height:264px}@media (max-width:1700px){.rules-content{display:block;margin-right:9.375vw;flex-basis:67.785%}}@media (max-width:1521px){.rules-content{display:block;margin-right:8.375vw;flex-basis:66.785%}}@media (max-width:1300px){.rules-content{display:block;margin-right:7.375vw;flex-basis:64.785%}}@media (max-width:1116px){.rules-content{display:block;margin-right:8.375vw;flex-basis:64.785%}}@media (max-width:1052px){.rules-content{display:block;margin-right:7.375vw;flex-basis:61.785%}}@media (max-width:880px){.rules-buttons{flex-wrap:wrap}.head-img-rules{width:100%;height:300px}.rules-buttons,.rules-content{justify-content:center}.rules-content{width:100%}.buttons,.rules{margin:5%}.rules-head{margin:5%;text-align:center}}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Montserrat,sans-serif;background-image:url(QuizBackground.7b7635da.png);background-size:cover}:root{--shadow-color-red:rgba(255,0,0,0.9)}#swquiz-app{min-height:100vh}.btn:focus{outline:none}
/*# sourceMappingURL=App.14855f0b.css.map */