:root{--Hover_Color:#16181d;--padding:1rem;--margin:1rem;--Regular_Radius:5px;--Poppins_Font:"Poppins",sans-serif}html{scroll-behavior:smooth}body{background-color:var(--Body_Bg_Color);color:var(--Color_White);font-family:Poppins,sans-serif;font-family:var(--Poppins_Font)}.flex-center{align-items:center;display:flex;justify-content:center}.regular-text{font-size:1rem;font-weight:400;margin:0}.loader-container:after{-webkit-animation:loader-container 1s linear infinite;animation:loader-container 1s linear infinite;border-bottom-color:var(--Secondary_Bg_Color);border-bottom:20px solid var(--Primary_Color);border-left:20px solid var(--Secondary_Bg_Color);border-radius:50%;border-right:20px solid var(--Secondary_Bg_Color);border-top-color:var(--Secondary_Bg_Color);border-top:20px solid var(--Primary_Color);content:"";height:8rem;width:8rem}@-webkit-keyframes loader-container{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader-container{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.navigation-bar{position:-webkit-sticky;position:sticky;top:0;z-index:1}.profile-icon:hover,.rules-link:hover{color:var(--Primary_Color)}.fs-btw-ml{font-size:1.1rem}.flex-dir-col{flex-direction:column}.leader-board{margin:1rem;max-width:30rem;padding:2rem;width:100%}.user{border-bottom:1px solid var(--Color_White);display:flex;justify-content:space-between;margin:1rem;padding:1rem}.text-primary{color:var(--Primary_Color)}.login-card{align-items:stretch;background-color:var(--Secondary_Bg_Color);justify-content:center;max-width:100%;padding:.5rem 1.5rem 1rem;width:25rem}.btn-area,.login-card{display:flex;flex-direction:column}.is-secondary{background-color:var(--Secondary_Color);color:var(--Color_White)}.is-secondary:hover{background-color:var(--Secondary_Hover_Color)}.text-login{font-size:2rem;margin:1rem 0;text-align:center}.input-icon-container{margin:10px 0;padding:0 1rem}.auth-link{color:var(--Primary_Color)}.horizontal-div label{-webkit-user-select:none;-ms-user-select:none;user-select:none}.forgot-link:hover{color:var(--Color_White)}.is-secondary:disabled{background-color:var(--Secondary_Border_Color);color:var(--Secondary_Color);cursor:not-allowed}.clr-red{color:var(--Color_Danger_500)}.input{background:transparent;color:var(--Color_White);width:90%}.signup-card{align-items:stretch;background-color:var(--Secondary_Bg_Color);display:flex;flex-direction:column;justify-content:center;max-width:25rem;padding:.5rem 1.5rem 1rem;width:100%}.is-solid:disabled{background-color:var(--Secondary_Border_Color);color:var(--Secondary_Color);cursor:not-allowed}.error-msg{color:var(--Color_Danger_500)}.l-name{margin-right:1.3rem}.cursor{cursor:pointer}.text-signup{font-size:2rem;margin:1rem 0;text-align:center}.name-section{display:flex;gap:20px}.name-section .input{width:90%}.input-icon-container-su{align-items:center;border-radius:3px;display:flex;margin:0;padding:0}.input-primary{border:2px solid var(--Primary_Color)}.text-or{font-size:1.25rem;text-align:center}.horizontal-div{display:flex;justify-content:space-between;margin:.5rem 0}.btn{margin-right:0}.btn-icon,.input-icon{font-size:1.2rem}.btn-icon,.login-icon{margin-left:5px}.forgot-link{color:var(--Primary_Color);font-size:1rem}.input{margin:0;outline:none;width:95%}.mg-top{margin-top:10px}.mr{margin-right:5px}.wd-100{width:100%}.app-intro{gap:10px;justify-content:space-evenly;padding:1rem}.app-intro,.intro-section{flex-direction:column}.intro-greeting,.intro-header,.intro-quote{font-weight:400;opacity:.9}.intro-image{max-width:28rem;width:100%}.bg-transparent{background:transparent}.btn{border-radius:5px;transition:.3s}.mg-top-1{margin-top:1rem}.pointer{cursor:pointer}.quiz-wrapper{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;padding:var(--padding)}.quiz-container{background-color:var(--Secondary_Bg_Color);border-radius:5px;cursor:pointer;flex-direction:column;justify-content:flex-start;padding:1rem}.quiz-container:hover{background-color:var(--Hover_Color);transition:.3s}.quiz-header{color:var(--Primary_Color);margin:0}.quiz-description{font-size:.9rem;text-align:center}.quiz-image{height:10rem;object-fit:contain;width:10rem}@media screen and (min-width:500px){.app-intro{flex-direction:row}.quiz-image-container{height:12rem;width:12rem}.quiz-wrapper{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(12rem,18rem));justify-content:center}}.question-grid{align-content:center;display:grid;padding:var(--padding)}.question-container{flex-direction:column;padding:var(--padding)}.flex-between{align-items:center;display:flex;justify-content:space-between}.quit-btn{border:1px solid var(--Color_Danger_500);color:var(--Color_Danger_500)}.quit-btn:hover{background-color:var(--Color_Danger_500);color:var(--Color_White)}.question{color:var(--Primary_Color);font-size:1rem;font-weight:600}.option-container{align-items:flex-start;display:grid;grid-template-columns:1fr}.option{background-color:var(--Secondary_Bg_Color);border-radius:3rem;cursor:pointer;font-size:.9rem;padding:var(--padding);text-align:center}.option:hover,.selected-option{background-color:var(--Primary_Color);transition:.3s}@media screen and (min-width:500px){.question-grid{grid-template-columns:repeat(auto-fit,minmax(0,30rem));justify-content:center}.option-container{gap:0 1rem;grid-template-columns:repeat(2,minmax(0,1fr))}}.right-answer{background-color:var(--Primary_Color)}.wrong-answer{background-color:var(--Color_Danger_500)}.event-none{cursor:not-allowed;pointer-events:none}@media screen and (min-width:500px){.question-container{display:grid;grid-template-columns:30rem;justify-content:center}}.rules-grid{display:grid;grid-template-columns:repeat(1,minmax(1rem,25rem));justify-content:center;padding:var(--padding)}.rules-container{background-color:var(--Secondary_Bg_Color);border-radius:var(--Regular_Radius);padding:var(--padding)}.rules-header{color:var(--Primary_Color)}.rules-list{list-style:none;padding:0}.rule{margin-bottom:var(--margin)}.profile-info{background-color:var(--Secondary_Bg_Color);border-radius:10px;margin:3rem auto;max-width:100%;width:25rem}.avatar{background-color:var(--Primary_Color);height:8rem;width:8rem}
/*# sourceMappingURL=main.b5b71ca6.css.map*/