:root{--primary-color:#071319;--btn-hover-color:#ffc400;--text-black-color:#000;--text-white-color:#fff;--text-prize-color:#e1a02e}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#071319;background-color:var(--primary-color);font-size:65.5%}.app{display:grid;grid-template-columns:2fr 1fr;height:100vh;margin:0 auto;max-width:187rem;padding-top:1rem;position:relative}.left-column{grid-gap:1rem;display:grid;gap:1rem;grid-template-rows:50% 10% 35%}.right-column{display:grid;grid-template-rows:70% 30%}.icon{height:100%;text-align:center;width:100%}.logo{height:100%;width:47em}.timer{align-items:center;display:flex;justify-content:center}.count-down{border:2px solid #fff;border:2px solid var(--text-white-color);border-radius:50%;color:#fff;color:var(--text-white-color);font-size:3rem;font-weight:700;padding:1rem 1.5rem}.count-bellow{padding:1rem 2.3rem}.question{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:1rem}.main-question{border:1px solid #fff;border:1px solid var(--text-white-color);border-radius:10px;color:#fff;color:var(--text-white-color);grid-column:span 2;justify-content:center}.answer,.main-question{align-items:center;box-shadow:inset 0 0 10px hsla(0,0%,100%,.5);display:flex;font-size:2.2rem;padding:1rem}.answer{background-color:#071319;background-color:var(--primary-color);border:1px solid #fff;border:1px solid var(--text-white-color);border-radius:5px;justify-content:left;transition:all .3s}.answer:hover{background-color:#ffc400;background-color:var(--btn-hover-color);box-shadow:none;cursor:pointer}.answer:hover .answer-span{color:#fff;color:var(--text-white-color)}.answer:hover .fetch-ans{color:#000;color:var(--text-black-color)}.answer-span{color:#e1a02e;color:var(--text-prize-color);transition:all .3s}.fetch-ans{color:#fff;color:var(--text-white-color);transition:all .3s}.selected{background-color:#ffc400;background-color:var(--btn-hover-color);box-shadow:none;transition:all .3s}.correct,.selected{align-items:center;border:1px solid #fff;border:1px solid var(--text-white-color);border-radius:5px;display:flex;font-size:2.2rem;justify-content:left;padding:1rem}.correct{background-color:green}.wrong{align-items:center;background-color:red;border:1px solid #fff;border:1px solid var(--text-white-color);border-radius:5px;display:flex;font-size:2.2rem;justify-content:left;padding:1rem}.answer-span-clicked{color:#fff;color:var(--text-white-color)}.fetch-ans-clicked{color:#000;color:var(--text-black-color)}.prize{align-items:center;border-bottom:1px solid #fff;border-bottom:1px solid var(--text-white-color);display:flex;justify-content:center}.prize-text{color:#e1a02e;color:var(--text-prize-color);font-size:2rem;padding:.1rem 2rem}.prize-save{color:#fff;color:var(--text-white-color)}.prize-running{color:#000;color:var(--text-black-color)}.prize-running,.prize-running-save{background-color:#ffc400;background-color:var(--btn-hover-color);border-radius:5px}.prize-running-save{color:#fff;color:var(--text-white-color)}.option{flex-direction:column;gap:2rem;justify-content:center}.option,.option-three{align-items:center;display:flex}.option-three{justify-content:space-evenly;width:100%}.option-three button{background-color:#19197e;border-radius:100px;box-shadow:inset 0 0 10px hsla(0,0%,100%,.5);color:#ffc400;color:var(--btn-hover-color);font-size:1.8rem;font-weight:700;padding:1rem;transition:all .3s}.option-three button:hover{background-color:#131363;cursor:pointer}.creator{color:#fff;color:var(--text-white-color);font-size:1.6rem}.disabled{background-color:#4e4e4e!important;color:#fff!important;color:var(--text-white-color)!important}.popup{align-items:center;background-color:#000000af;border:2px solid #fff;border:2px solid var(--text-white-color);color:#fff;display:flex;display:none;font-size:2.2rem;justify-content:center;left:50%;padding:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.display{display:block}.dollar{color:#e1a02e;color:var(--text-prize-color)}.audience{align-items:center;background-color:#000000af;border:2px solid #fff;border:2px solid var(--text-white-color);color:#fff;display:flex;display:none;font-size:2.2rem;justify-content:center;left:50%;padding:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%}.audience-on{display:block}.bar-container{background-color:none;margin-bottom:10px;width:100%}.filled-bar{background-color:#e1a02e;background-color:var(--text-prize-color);height:100%}.label{color:#e1a02e;color:var(--text-prize-color)}.audience-close{background-color:#071319;background-color:var(--primary-color);border-radius:50%;color:#fff;font-size:1.6rem;padding:.2rem .8rem;position:absolute;right:0;top:0}.audience-close:hover{cursor:pointer}.phone{align-items:center;background-color:#000000af;border:2px solid #fff;border:2px solid var(--text-white-color);color:#fff;display:flex;display:none;font-size:2.2rem;justify-content:center;left:50%;padding:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%}.phone-on{display:block}.phone-close{background-color:#071319;background-color:var(--primary-color);border-radius:50%;color:#fff;font-size:1.6rem;padding:.2rem .8rem;position:absolute;right:0;top:0}.phone-close:hover{cursor:pointer}.ans{color:#e1a02e;color:var(--text-prize-color);font-weight:700}@media (max-width:1970px){body,html{font-size:80%}}@media (max-width:1400px){body,html{font-size:65.5%}}@media (max-width:1070px){body,html{font-size:60.5%}.answer{font-size:2rem}.option-three button{font-size:1.6rem}}@media (max-width:800px){body,html{font-size:55.5%}.logo{width:30rem}.count-down{font-size:2rem}.count-bellow{padding:1rem 2rem}.prize-text{font-size:1.8rem}.main-question{font-size:2rem}.answer{font-size:1.8rem}.option-three button{font-size:1.4rem}.popup{font-size:2rem}.creator{font-size:1.4rem}}@media (max-width:600px){body,html{font-size:60%}.app{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:100%}.prize{border-bottom:none;border-right:1px solid #fff}.popup{font-size:1.6rem}}@media (max-width:520px){body,html{font-size:45.5%}.logo{width:30rem}.left-column{margin-bottom:2rem}}@media (max-width:400px){.option-three button{font-size:1.2rem}.popup{font-size:1.3rem}.creator{font-size:1.1rem}}
/*# sourceMappingURL=main.ff82d1e8.css.map*/