*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}:root[data-theme=dark]{--bg-color: rgb(31, 29, 29);--text-color-primary: white;--text-color-secondary: rgb(194, 192, 192);--submit-btn-border-color: white;--submit-btn-onhover-bg-color: rgb(246, 246, 246);--submit-btn-onhover-text-color: rgb(13, 13, 13);--answer-cell-bg-color: white;--answer-cell-text-color: black}:root[data-theme=light]{--bg-color: white;--text-color-primary: black;--text-color-secondary: rgb(31, 30, 30);--submit-btn-border-color: black;--submit-btn-onhover-bg-color: rgb(17, 17, 17);--submit-btn-onhover-text-color: rgb(255, 255, 255);--answer-cell-bg-color: black;--answer-cell-text-color: white}.app__container{display:grid;min-height:100vh;grid-template-rows:auto 1fr auto;gap:3rem;background-color:var(--bg-color)}.submit__btn{all:unset;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;border:1px solid var(--submit-btn-border-color);border-radius:.1rem;background-color:var(--bg-color);color:var(--text-color-primary);transition:background-color .3s,color .3s}.submit__btn:hover{background-color:var(--submit-btn-onhover-bg-color);color:var(--submit-btn-onhover-text-color);transition:background-color .3s,color .3s}.header{display:flex;align-items:center;justify-content:space-between;border-bottom:.1px solid rgb(27,27,27);padding:2rem;background-color:#f8f7e0;position:sticky;top:0;left:0}.header__logo{font-family:Limelight,sans-serif;color:#171616;cursor:pointer}.header__theme__icon__container{cursor:pointer}.header__theme__icon__container__light__mode,.header__theme__icon__container__dark__mode{font-size:1.2rem}.home__page__text__container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;text-align:center}.home__page__text__container__heading{font-family:Limelight,sans-serif;font-size:3rem;font-weight:100;color:var(--text-color-primary)}.home__page__text__container__description{font-weight:400;font-size:1rem;color:var(--text-color-secondary);max-width:80%}.form__container{display:flex;flex-direction:column;gap:.5rem}.form__container__form__field{display:flex;flex-direction:column;align-items:center;max-width:60%;margin:0 auto;gap:.5rem}.form__container__form__field__label{font-size:.8rem;align-self:start}.form__container__form__field__error__message{display:inline-block}.form__container input[type=submit]{margin:50px;align-self:center}.error__message__container__text{color:#e70909;font-size:.8rem}.select__label{font-size:.8rem;color:var(--text-color-primary);margin-bottom:.3rem}.select__container{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--submit-btn-border-color);width:250px;padding:.1rem .7rem;cursor:pointer}.select__container__selected__option{font-size:.8rem;padding:.3rem .5rem;color:var(--text-color-primary)}.select__container__open__btn{border-bottom:8px solid var(--text-color-primary);border-left:8px solid transparent;border-right:8px solid transparent}.select__container__close__btn{border-top:8px solid var(--text-color-primary);border-left:8px solid transparent;border-right:8px solid transparent}.select__options__container{display:flex;flex-direction:column;gap:.5rem;height:0px;width:250px;visibility:hidden;background-color:var(--bg-color);padding:.1rem 0rem;overflow-y:scroll;transition:height .2s,visibility .2s}.select__options__container__option{font-size:.8rem;padding:.5rem .7rem;color:var(--text-color-primary);transition:background-color .2s,color .2s}.select__options__container__option:hover{cursor:pointer;background-color:var(--submit-btn-onhover-bg-color);color:var(--submit-btn-onhover-text-color);transition:background-color .2s,color .2s}.select__options__container__open{padding:0;height:110px;border:1px solid var(--text-color-primary);border-top:none;overflow-y:scroll;visibility:visible;transition:height .2s,visibility .2s}.check__answer__btn{align-self:center}.check__answer__btn:disabled{color:#5b5858;background-color:#d1cfcf;border:1px solid rgb(209,207,207)}.check__answer__btn:disabled:hover{cursor:auto;background-color:#d1cfcf}.next__question__btn{align-self:center}.playboard__container{display:flex;flex-direction:column;gap:3rem;padding:2rem;margin-top:2rem}.question__text{font-size:1.5rem;font-weight:400;text-align:center;color:var(--text-color-primary)}.answers__container{display:grid;place-self:center;grid-template-columns:repeat(2,minmax(100px,200px));gap:1rem}.answers__container__answer{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:300;text-align:center;padding:.8rem 1.2rem;background-color:var(--answer-cell-bg-color);color:var(--answer-cell-text-color);outline:1px solid rgb(206,208,210)}.answers__container__answer__checkmark{color:inherit}.answers__container__answer__checkmark__hidden{transform:translateY(200%);color:transparent}.answers__container__answer__checkmark__visible{transform:translateY(0);transition:transform .4s,color .4s}.answers__container__answer:hover{cursor:pointer;box-shadow:.4rem .4rem .2rem #000;background-color:var(--bg-color);color:var(--text-color-primary);transition:box-shadow .4s,outline .4s,background-color .4s}.selected_answer{background-color:var(--bg-color);color:var(--text-color-primary);outline:1px solid var(--text-color-primary);border-radius:.2rem;transition:background-color .5s}.selected_answer:hover{background-color:var(--bg-color);box-shadow:none;outline:1px solid var(--text-color-primary);transition:border-radius .5s}.correct_answer,.correct_answer:hover{background-color:#a6f8a6;color:var(--text-color-primary);border:none;box-shadow:none}.incorrect_answer,.incorrect_answer:hover{background-color:#f04444;color:var(--text-color-primary);border:none;box-shadow:none}.answer__feedback__container{opacity:0}.answer__feedback__container__submitted{opacity:1;transition:opacity .7s}.answer__feedback__text{font-size:1.2rem;font-weight:100;text-align:center}.answer__feedback__text>span{color:var(--text-color-secondary)}.answer__feedback__text__correct__answer{display:block;font-size:1.9rem;font-weight:400;color:var(--text-color-primary)!important;padding:.3rem .7rem;margin:.2rem;border-radius:.1rem}.request__failed__error{text-align:center;margin:2rem}.request__failed__error__message{font-size:1.9rem;font-weight:200;color:var(--text-color-primary);margin-bottom:2rem}.questions__counter__container:after{content:"";width:20px;height:50px;background-color:#000}.questions__counter__container__text{text-align:end;font-size:.7rem;color:var(--text-color-secondary)}.questions__counter__container__text__currentQuestion,.questions__counter__container__text__totalQuestions{font-size:.99rem;color:var(--text-color-primary);padding:0 .2rem}.game__results__container{display:flex;flex-direction:column;align-items:center;gap:3.5rem;padding:3rem}.game__results__summary__heading{font-weight:100;font-size:2.3rem;text-align:center;color:var(--text-color-primary)}.submit__btn{width:fit-content}.game__results__summary__text{font-weight:200;font-size:1.1rem;text-align:center;color:var(--text-color-secondary)}.game__results__summary__correct__answers,.game__results__summary__total__questions{padding:0 .3rem;font-size:2rem}.game__results__summary__correct__answers,.game__results__summary__total__questions{color:var(--text-color-primary)}.footer__container{margin-top:1rem;padding:3rem;text-align:center;background-color:#000}.footer__container__text{font-size:.8rem;color:#fff}