:root{--main-bg-color: rgb(16, 3, 46);--starwars-yellow: rgb(88%, 69%, 0%);--container-bg-color: rgba(0, 0, 0, .35);--logo-width: 120px;--primary-border-color: rgba(255, 255, 255, .2);--intro-font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif}body{background-color:var(--main-bg-color);margin:0;overflow:hidden;cursor:url(/StarWarsQuiz/lightsaberPointer.cur),auto}.main-bg-image{justify-content:center;width:100%;height:170%;position:absolute;background-position:center;background-image:url(/StarWarsQuiz/assets/background_stars.e024249d.webp);background-size:cover;background-repeat:no-repeat;backdrop-filter:var(--main-bg-color);left:0}#main-grid-container{height:100vh;flex-grow:1;max-width:1600px;display:block;align-items:center;justify-items:center;row-gap:10px;grid-template-columns:1fr 5fr;grid-template-rows:1fr auto .2fr;grid-template-areas:"logo     navbar " "image content " "sabre sabre"}.sw-logo{grid-area:logo;align-self:start;background-size:120px;width:var(--logo-width);height:80px;background-image:url(/StarWarsQuiz/assets/starwars_logo.4ab79c09.png);background-repeat:no-repeat;margin:2em auto 3em}button{cursor:pointer}.quiz-main-menu{display:flex;position:fixed;width:200px;height:100vh;top:0;left:-200px;box-sizing:border-box;background:rgba(0,0,0);border-right:solid var(--starwars-yellow) .15rem;flex-direction:column;transition:transform .3s;z-index:999}.shadow{box-shadow:1px 1px 120px var(--starwars-yellow)}.btn{font-size:18px;background:rgba(255,255,255,.05);border:2px solid rgba(0,0,0,.4);border-top:white solid 2px;border-bottom:white solid 2px;text-align:left;color:#fff;margin:.2em 0;padding:.5em}.btn:hover{font-size:18px;color:var(--starwars-yellow);box-shadow:1px 1px 100px var(--starwars-yellow)}.btn:active{background-color:#ffffff40;color:#fff;border-color:#ffffff40;box-shadow:1px 1px 100px #fff}.burger{position:fixed;top:0;left:0;padding:8px 16px;font-size:20px;background:none;border:none;cursor:pointer;color:#b3b3b3;transition:transform .3s}.selectMode{color:#fff;font-size:25px;padding:.5em;font-weight:bold;font-family:Montserrat,sans-serif}.hide{display:none}.active{transform:translate(200px);transition:transform .3s}@media screen and (min-width: 360px){.burger{font-size:25px}.quiz-main-menu{width:225px;left:-225px;border-right:solid var(--starwars-yellow) .15rem}.btn{font-size:20px}.btn:hover{font-size:20px}.active{transform:translate(225px)}}@media screen and (min-width: 768px){.burger{font-size:26px}.quiz-main-menu{width:260px;left:-260px;border-right:solid var(--starwars-yellow) .15rem}.btn{font-size:22px}.active{transform:translate(260px)}.btn:hover{font-size:22px}}@media screen and (min-width: 880px){.burger{font-size:36px}.quiz-main-menu{width:350px;left:-350px;border-right:solid var(--starwars-yellow) .2rem}.active{transform:translate(350px)}}@media screen and (min-width: 992px){.burger{display:none}#main-grid-container{display:grid}.sw-logo{margin:4em 2em 2em}.quiz-main-menu{position:static;display:flex;width:unset;height:unset;margin-top:.5em;grid-area:navbar;margin-right:2em;border-radius:3em;border:solid var(--starwars-yellow) .2rem;box-shadow:1px 1px 120px var(--starwars-yellow);justify-content:center;align-items:center;flex-direction:row}.main-bg-image{display:flex}.btn{font-size:28px;border:2px solid rgba(0,0,0,.4);width:max-content;height:max-content;margin:.5em;padding:0 .5em}.btn:hover{font-size:28px}.active{transform:unset;transition:unset}.selectMode{display:none}}@font-face{font-family:"StarJedi";src:url(/StarWarsQuiz/Starjedi.ttf)}.main__header,.main__subheader{margin:0;font-size:1.5rem;font-family:Montserrat,sans-serif;font-style:normal;line-height:2rem;text-align:center}.main__header{padding:1rem .7rem;font-weight:600}.main__subheader{padding:0 1rem;font-weight:500}.error-page__header,.error-page__subheader{margin:0;font-family:"StarJedi";text-align:center;color:#9cbb80}.error-page__header{padding:0 1rem;font-size:2rem}.error-page__subheader{padding-bottom:1rem;font-size:1.5rem}@media screen and (min-width: 768px){.main__header,.main__subheader{font-size:2rem;line-height:2.5rem}.error-page__header{font-size:2.5rem}.error-page__subheader{font-size:2rem}.intro__header{font-size:2.6rem}}@media screen and (min-width: 992px){.main__header,.main__subheader{font-size:2.625rem;line-height:3.2rem}.intro__header{font-size:3.25rem}}.main__header-container,.main__modes-container{background-color:#fff;border-radius:16px}.main__header-container{margin-bottom:2rem;box-shadow:0 4px 4px #00000040,4px 4px 40px #ff0000e6,inset 4px 5px 4px #00000080}.main__modes-container{box-shadow:0 4px 4px #00000040}.main__modes-container div{padding:1rem 1rem 2rem}.main__subheader-container{display:flex;justify-content:center;align-items:center;align-content:center;padding-top:1rem}.error-page__container{display:flex;align-items:center;flex-wrap:nowrap;flex-direction:column;align-content:center;justify-content:center;width:100vw;height:100vh;background-color:#000;box-sizing:border-box}@media screen and (min-width: 320px) and (orientation: landscape){.error-page__container{height:auto;padding:1rem 0}}@media screen and (min-width: 992px) and (orientation: landscape){.error-page__container{height:100vh}}.intro{position:absolute;top:50%;left:50%;width:70%;margin-top:0;margin-bottom:0;transform:translate(-50%,-50%);color:#4bd5ee;font-family:var(--intro-font-family);font-weight:500;font-size:2rem;opacity:0;animation:intro 4s ease-out .5s;z-index:2}@keyframes intro{0%{opacity:0}20%{opacity:1}90%{opacity:1}to{opacity:0}}.slider__container{position:absolute;bottom:0;left:0;height:150rem;width:100vw;transform:perspective(350px) rotateX(25deg);transform-origin:50% 100%;font-family:sans-serif;text-align:justify;font-weight:bold;overflow:hidden;z-index:0}.slider__container:after{position:absolute;bottom:80%;left:0;right:0;top:0;content:""}.description__container{position:absolute;top:100%;animation:slider 115s linear 14s}@keyframes slider{0%{top:100%}to{top:-200%}}.main__description{margin:1rem 2rem 0;font-family:Montserrat,sans-serif;font-style:normal;font-weight:500;font-size:1.5rem;line-height:2rem}.slider__description{font-family:var(--intro-font-family);font-size:2rem;color:#ffe81f}@media only screen and (min-width: 768px){.main__description{font-size:1.75rem;line-height:2.25rem}.slider__description{font-size:3.5rem}}@media screen and (min-width: 992px){.main__description{font-size:2rem;line-height:2.5rem}.slider__description{font-size:5rem}}.index-page__container{grid-area:content;max-width:742px;margin-top:2rem;margin-right:auto;margin-left:auto;align-self:start;justify-self:center;width:60vw}@media only screen and (max-width: 768px){.index-page__container{margin:auto auto 4rem;width:80vw}}.button{height:auto;padding:10px 25px;border-radius:16px;border:none;background-color:#fff;text-align:center;font-family:Montserrat,sans-serif;font-size:1.4rem;font-style:normal;font-weight:300;box-shadow:0 5px 5px #00000059;transition-property:background-color;transition-duration:.7s;min-width:100%}.default{grid-area:content;position:relative}.vanilla{display:inline-flex;flex-direction:row-reverse;justify-content:center;align-items:center;box-shadow:none;color:#ccc}.hof{display:inline-flex;flex-direction:row-reverse;justify-content:center;align-items:center}.hof img{width:24px;height:24px;margin:auto 10px auto 0}.ptg{background-color:red;color:#fff}.button:hover{box-shadow:0 0 20px #ff0000e6}.vanilla:hover{box-shadow:none;color:#ddd}.ptg:hover{background-color:#c90303}.error-page__button{width:80%;min-width:80%}.error-page__button:hover{box-shadow:0 0 40px #9cbb80}@media only screen and (min-width: 360px){button.button{min-width:100%;font-size:1.5rem}button.button img{width:18px}button.error-page__button{min-width:80%}}@media only screen and (min-width: 768px){button.button{font-size:1.75rem;min-width:50%}button.button img{width:18px}}@media only screen and (min-width: 1400px){button.button{font-size:2rem;min-width:50%}button.button img{width:24px}}.container-hof{border-radius:5px;font-family:"Montserrat",sans-serif}.main__subheader-container img{height:50px}.message{text-align:center}.leaderboard{list-style-type:none;padding:0 20px}.leaderboard li{display:flex}.leaderboard li p{width:calc(100% / 3);text-align:center}.bold{font-weight:700}.question-text{background:black;border-radius:1rem;color:var(--starwars-yellow);outline:rgba(255,255,255,.2) solid 3px;display:flex;font-size:28px;font-weight:bold;height:fit-content;justify-content:center;padding:1rem;margin:2.2rem 1.4rem 1.4rem;text-align:center;width:400px}@media only screen and (max-width: 360px){.question-text{outline-width:var(--quiz360-border-width);font-size:16px;width:10rem;margin:1rem .5rem}}@media only screen and (min-width: 361px) and (max-width: 768px){.question-text{outline-width:var(--quiz360-border-width);font-size:20px;width:15rem;margin:1rem .5rem}}.quiz-answer{box-sizing:border-box;align-items:center;background:var(--starwars-yellow);border-radius:1rem;cursor:pointer;display:flex;font-size:24px;font-weight:bold;height:80px;margin:.5rem;width:250px;border:black solid 2px;text-align:center;justify-content:center;padding:1px}.quiz-answer:hover{text-decoration:underline;background-color:#ffdc00}.quiz-answer:active{background-color:#b49600;border:0;outline:3px solid black;padding:10px}@media only screen and (max-width: 360px){.quiz-answer{border-width:var(--quiz360-border-width);font-size:16px;height:2rem;width:10rem;padding:0}}@media only screen and (max-width: 768px) and (min-width: 361px){.quiz-answer{border-width:var(--quiz360-border-width);font-size:20px;height:2.6rem;width:220px;padding:0}}:root{--quiz360-border-width: 2px}.quiz-container{align-self:start;background-color:#0003;border-radius:2rem;display:none;backdrop-filter:blur(1px);grid-area:content;margin-top:6rem;margin-right:auto;margin-left:auto;outline:var(--primary-border-color) solid 3px;flex-wrap:wrap;max-width:750px;justify-content:center;height:fit-content;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}.show{display:flex}.answer-container{display:flex;flex-wrap:wrap;margin:1rem 0 2rem;justify-content:center;width:600px;height:fit-content}@media only screen and (max-width: 360px){.quiz-container{box-sizing:border-box;align-items:center;margin:2rem;min-width:fit-content;outline-width:var(--quiz360-border-width)}.answer-container{margin-top:0;width:auto;height:fit-content;margin-bottom:.75rem}}@media only screen and (min-width: 361px) and (max-width: 768px){.quiz-container{box-sizing:border-box;align-items:center;margin:2rem;outline-width:var(--quiz360-border-width)}.answer-container{margin:0 0 .75rem;width:auto;height:fit-content}}.main-photo{min-width:200px;width:29vw;max-width:360px;grid-area:image;justify-self:center;align-self:start;margin:2rem 1rem 0 2rem;height:auto;border:2px solid var(--starwars-yellow);border-radius:24px}@media only screen and (max-width: 360px){.main-photo{display:block;width:200px;align-self:center;align-content:center;margin:0 auto}}@media only screen and (max-width: 992px){.main-photo{width:300px;display:block;align-content:center;margin:0 auto}}#lightSabreProgresBar{width:90%;grid-area:sabre;margin:0 auto}.sabreCont{display:flex;justify-content:center;align-items:center}#lightSabreProgresBar img{transform:rotate(90deg)}#lightSabreProgresBar .progresBar{position:relative;flex-basis:100%;background-color:#bdbdbd}#lightSabreProgresBar .sabre{width:100%;background-color:#fff;outline-offset:10px;box-shadow:10px 5px 15px red,inset 0 5px 4px #ff000040,10px -5px 15px red}#lightSabreProgresBar .timer{display:flex;justify-content:center;position:relative;font-family:"Montserrat",sans-serif;font-weight:800;color:red;opacity:.8}@media screen{#lightSabreProgresBar img{height:115px}#lightSabreProgresBar .progresBar{left:-12px;height:11px;border-radius:3px}#lightSabreProgresBar .sabre{height:11px;border-radius:3px}#lightSabreProgresBar .timer{font-size:20px;line-height:0px;top:-20px}#lightSabreProgresBar .timer .time{margin-left:5px}}@media screen and (min-width: 768px){#lightSabreProgresBar img{height:160px}#lightSabreProgresBar .progresBar{left:-17px;height:16px;border-radius:5px}#lightSabreProgresBar .sabre{height:16px;border-radius:5px}#lightSabreProgresBar .timer{font-size:25px;top:-15px}}@media screen and (min-width: 992px){#lightSabreProgresBar img{height:200px}#lightSabreProgresBar .progresBar{left:-22px;height:19px;border-radius:6px}#lightSabreProgresBar .sabre{height:19px;border-radius:7px}#lightSabreProgresBar .timer{font-size:32px;top:-50px}}@media screen and (min-width: 1400px){#lightSabreProgresBar img{height:280px}#lightSabreProgresBar .progresBar{left:-31px;height:25px;border-radius:8px}#lightSabreProgresBar .sabre{height:25px;border-radius:8px}#lightSabreProgresBar .timer{font-size:37px}#lightSabreProgresBar .timer .time{margin-left:10px}}@media screen and (min-width: 1600px){#lightSabreProgresBar img{height:315px}#lightSabreProgresBar .progresBar{left:-36px;height:26px}#lightSabreProgresBar .sabre{height:26px}#lightSabreProgresBar .timer{font-size:42px}}@font-face{font-family:"Star Jedi";src:url(/StarWarsQuiz/Starjedi.ttf) format("truetype")}.modal-container{font-family:"Star Jedi";display:flex;flex-direction:column}.hidden{display:none}.modal-container__overlay{background-color:#000;z-index:1000;position:absolute;width:100%;height:100%;top:0;left:0;opacity:.8}.modal-container__game-over-modal{width:1000px;max-width:90%;min-width:300px;background-color:#fff;position:absolute;top:1rem;left:50vw;transform:translate(-50%);z-index:1001;display:flex;flex-direction:column;border-radius:16px;box-shadow:0 0 20px #ff0000e6}.modal-container__close-button-container{position:absolute;right:0;top:0;width:min-content}.modal-container__header{margin:2rem auto;font-size:2rem}.modal-container__summary{max-width:80%;margin:0 auto;font-size:1rem;letter-spacing:1px;text-align:center}.modal-container__main{display:flex;flex-direction:column}.modal-container__answers{max-width:100%;margin-top:2rem}.modal-container__answers__header{letter-spacing:3px;line-height:1rem;margin:auto;max-width:max-content}.modal-container__yoda-image{max-width:200px;margin:auto}.modal-container__input-container{display:flex;flex-direction:column-reverse;align-items:center;width:100%;margin:0 auto}.modal-container__input-container input{width:80%;height:2.5rem;line-height:2rem;font-size:2rem;border:3px solid #ccc;border-radius:8px;padding:.5rem 1rem;z-index:1}.modal-container__input-description{max-width:80%;text-align:center;font-size:1rem;letter-spacing:1px;margin:1rem 0}.modal-container__button{margin:3rem auto;width:80%;border-radius:16px;box-shadow:0 0 20px #ff0000e6}@media only screen and (min-width: 768px){.modal-container__game-over-modal{max-height:100%;top:5vh;left:50vw;transform:translate(-50%)}.modal-container__header{font-size:5rem}.modal-container__answers__header{margin:1rem}.modal-container__summary{max-width:60%;font-size:1.2rem}.modal-container__input-container{flex-direction:row;width:90%}.modal-container__input-container input{width:300px}.modal-container__input-description{max-width:50%;font-size:.8rem;margin-left:25px;text-align:left}.modal-container__yoda-image{position:absolute;top:4rem;left:4rem;max-width:200px;margin-left:1rem}.modal-container__main{flex-direction:row;position:relative;min-height:300px}.modal-container__button{margin:3rem auto;width:60%}.modal-container__answers{width:55%;margin:2rem .5rem auto auto}}@media only screen and (min-width: 1400px){.modal-container__input-description{font-size:1rem}.modal-container__answers{width:60%}}.answers-list-table{border-spacing:0;display:block;table-layout:fixed;width:90%;margin:0 auto 30px;height:15rem;overflow-x:hidden;letter-spacing:1px;overflow-y:overlay}.answers-list-container div{padding:0}.answers-header{text-align:left;color:#d3d3d3;width:100%}.answers-header-row{padding:0;margin:0}.answers-list-tbody{width:100%}.answers-list-thead{width:100%;position:sticky;background-color:#fff;top:0;padding:0;margin:0}.answers-list-table::-webkit-scrollbar{width:8px;background-color:#f5f5f5}.answers-list-table::-webkit-scrollbar-thumb{border-radius:16px;background-color:red;background-image:-webkit-linear-gradient(90deg,transparent,rgba(0,0,0,.3) 50%,transparent,transparent)}@media only screen and (min-width: 768px){.answers-list-table{width:100%}}.answer-row-container{width:100%;height:5rem}.answer-image-td{padding-left:.5rem;width:100%;min-width:4rem;position:relative}.user-answer-td{min-width:100px}.correct-answer-td{min-width:100px}.answer-image{min-height:4rem;max-width:3rem;height:auto;width:auto;border-radius:15px;box-shadow:0 0 20px #ff0000e6;object-fit:cover}.answer-image:hover{object-fit:inherit;position:absolute;min-width:8rem;transform:translateY(-50%);z-index:3}.answer{font-size:.9rem;font-weight:600}.answer-incorrect{color:red}.answer-correct{color:green}@media only screen and (min-width: 360px){.answer{font-size:1rem}.answer-image-td{padding-left:1.5rem}.user-answer-td{min-width:25vw;padding-right:.5rem}.correct-answer-td{min-width:25vw}}@media only screen and (min-width: 768px){.user-answer-td{min-width:150px}.correct-answer-td{min-width:150px}}@media only screen and (min-width: 992px){.user-answer-td{min-width:190px}.correct-answer-td{min-width:190px}}@media only screen and (min-width: 1400px){.user-answer-td{min-width:220px}.correct-answer-td{min-width:220px}}.container{min-width:100%;gap:10px;display:flex;justify-content:space-between;padding:1rem 0;flex-direction:column-reverse}.button img{margin-left:10px}@media only screen and (min-width: 768px){.container{flex-direction:row}}.intro__container{position:absolute;height:100vh;width:100vw;background-color:#000;overflow:hidden;z-index:1000}.intro__container:after{position:fixed;top:0;left:0;width:100%;height:40vh;content:"";background:linear-gradient(to bottom,rgba(0,0,0,1) 61%,rgba(0,0,0,.54) 79%,rgba(0,0,0,0) 100%);z-index:1}.intro__logo-container{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);opacity:0;animation:logo 10s ease-out 6s;overflow:hidden;z-index:2}.intro__logo-container img{width:inherit}@keyframes logo{0%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.1)}}