.login-bg-container{background-image:-webkit-gradient(linear,left top,right top,from(#dbbcc4),color-stop(#f3dfd8),color-stop(#c4d8bf),to(#b7b1d5));background-image:linear-gradient(90deg,#dbbcc4,#f3dfd8,#c4d8bf,#b7b1d5);height:100vh}.form-container,.login-bg-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.form-container{background-color:#f5fff4;padding:20px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:85%;max-height:580px;width:90%;max-width:800px}.logo-container{padding:0 var(--padding-14xl)}.logo-img{height:30px;width:30px;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.login-logo-text,.logo-img{position:relative;z-index:1}.login-logo-text{color:#0ea5e9;letter-spacing:.25px;line-height:30px;display:inline-block;min-width:96px}.input-container{width:40%;margin-top:15px}.label-input{font-size:14px;font-weight:500}.label-input,.user-input{font-family:"Roboto";color:#475569}.user-input{font-size:15px;outline:none;padding:8px;height:40px;width:100%;border:1px solid #94a3b8;border-radius:8px;margin-top:5px}.checkbox-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;margin-top:20px}.checkbox-input{width:15px;height:15px;margin-right:10px}.show-password-label{color:#1e293b}.login-button,.show-password-label{font-family:"Roboto";font-size:15px}.login-button{width:40%;background-color:#0ea5e9;border:none;border-radius:5px;height:40px;color:#fff;margin-top:20px}.submit-error{font-family:"Roboto";font-size:12px;color:#ff0b37}.navbar{background-color:#fff;height:88px;padding-top:10px;padding-bottom:5px}.nav-container{width:90%;margin:auto;-ms-flex-pack:justify;justify-content:space-between}.logo-container,.nav-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.logo-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.logo-text{color:#0ea5e9;font-size:18px;font-weight:800;margin-top:2px;font-family:"Roboto"}.home-website-logo{height:40px;width:100%}.nav-items{padding-left:0;list-style-type:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;grid-gap:15px;gap:15px}.small-header-icons{width:26px;height:26px;color:#fff;margin-left:15px}.logout-button-lg{padding:18px;color:grey;font-family:"Roboto";font-size:14px;font-weight:500;border:2px solid grey;border-radius:10px;outline:grey}.logout-button-lg,.logout-button-sm{background-color:transparent;cursor:pointer}.logout-button-sm{margin-left:5px;border:none;outline:none}.logout-icon-sm{width:26px;height:26px;color:grey}@media screen and (max-width:768px){.nav-items{margin-left:auto}.logout-button-lg{display:none}.logo-text{font-size:14px}.home-website-logo{height:20px}}@media screen and (min-width:768px){.navbar{padding-top:10px;padding-bottom:5px}.nav-items{grid-gap:16px;gap:16px}.small-header-icons{display:none}.logout-button-lg{display:inline-block;font-size:16px;padding:14px 18px}.logout-btn-list-item-small{display:none}}.home-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.home-image{margin-top:10px;height:150px;width:150px}.home-page{-ms-flex-positive:1;flex-grow:1;background-image:-webkit-gradient(linear,left top,right top,from(#dbbcc4),color-stop(#f3dfd8),color-stop(#c4d8bf),to(#b7b1d5));background-image:linear-gradient(90deg,#dbbcc4,#f3dfd8,#c4d8bf,#b7b1d5);height:100vh}.home-page,.home-page-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.home-page-content{background-color:#f5fff4;padding:20px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:85%;max-height:798px;width:90%;max-width:1146px}.home-heading{color:#0ea5e9;font-family:"Roboto";font-size:15px;text-align:center;margin-top:25px}@media screen and (min-width:768px){.home-heading{font-size:24px;font-weight:semi bold}}.home-description{font-family:"Roboto";color:#475569;font-size:12px;margin-top:16px;text-align:center;line-height:1.5}@media screen and (min-width:768px){.home-description{font-size:18px}}@media screen and (min-width:1200px){.home-description{font-size:22px}}.start-button{background-color:#0ea5e9;padding:10px 18px;border-radius:10px;color:#f8fafc;font-family:"Roboto";font-size:10px;border:none;cursor:pointer;outline:none;margin-top:10px}@media screen and (min-width:1200px){.start-button{font-size:18px;padding:14px 22px}}.warning-image{height:18px;width:18px;margin-right:10px}.warning-text{color:#d97706;font-family:"Roboto";font-size:12px}.warning-container{background-color:#fef3c7;border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:10px;margin-top:20px}@media screen and (min-width:768px){.start-button{font-size:15px;padding:12px 20px}.home-image{height:340px;width:482px}.warning-image{height:30px;width:30px}.warning-text{font-size:16px}}.not-found-container{height:100vh;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;text-align:center;color:#000}.h6{color:#000}.not-found-img{height:128px}@media screen and (min-height:768px){.not-found-img{height:320px}}.quiz-container{min-height:100vh}.quiz-container,.quiz-page{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.quiz-page{-ms-flex-positive:1;flex-grow:1;background-image:-webkit-gradient(linear,left top,right top,from(#dbbcc4),color-stop(#f3dfd8),color-stop(#c4d8bf),to(#b7b1d5));background-image:linear-gradient(90deg,#dbbcc4,#f3dfd8,#c4d8bf,#b7b1d5);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100vh;font-family:"Roboto"}.quiz-page-content{background-color:#f5fff4;padding:20px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:85%;max-height:798px;width:90%;max-width:1146px;position:relative}.question-time-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.number-container{background-color:#d2a7b3;border-radius:8px;height:100px;width:150px;padding:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.q-text{font-size:18px;margin-bottom:0;text-align:center}.question-number{color:#fff;font-size:40px;margin-top:1px;font-weight:400}.time-container{border-radius:50%;border:4px solid #0084ff;font-size:30px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:10px;width:70px;height:70px;-webkit-box-sizing:border-box;box-sizing:border-box}.question-container{-ms-flex-item-align:start;align-self:flex-start}.question-text{font-size:24px}.question-submit-container{-ms-flex-align:center;align-items:center}.options-container,.question-submit-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start}.options-container{-ms-flex-wrap:wrap;flex-wrap:wrap;width:150px;grid-gap:20px;gap:20px}.option-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;position:relative}.option{-ms-flex-pack:start;justify-content:flex-start;width:200px;border-radius:8px;padding:15px;cursor:pointer;background-color:#cdcdcd;-webkit-transition:background-color .3s ease,border-color .3s ease;transition:background-color .3s ease,border-color .3s ease;margin-bottom:10px}.option.correct{background-color:green}.option.incorrect{background-color:red}.option-image{height:50px;width:170px;max-height:100%;max-width:100%;border-radius:8px}.option-icon{position:absolute;right:-35px;height:32px;width:32px}.fail-image{height:364px;width:677px}.fail-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.fail-head{font-size:36px;color:#334155}.fail-text{font-size:16px;color:#64748b}.loader{display:-ms-flexbox;display:flex;height:100vh;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.next-btn{position:absolute;bottom:20px;right:20px;background-color:#0ea5e9;color:#fff;font-size:14px;padding:8px 20px;margin-top:8px;border:none;border-radius:4px;cursor:pointer}.single-select .option{width:auto}.single-select .option,.single-select .option.correct,.single-select .option.incorrect{background-color:transparent}@media screen and (max-width:768px){.number-container{height:60px;width:85px;padding:8px}.q-text{font-size:13px}.question-number{font-size:24px}.time-container{border-width:3px;font-size:20px;padding:7px;width:50px;height:50px}.question-text{font-size:18px}.option-image{height:40px;width:130px}.option{-ms-flex-pack:center;justify-content:center;width:160px;padding:13px}.next-btn{font-size:12px;padding:6px 14px}}.results-container{background-color:#f8fafc;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:20px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:85%;max-height:798px;width:90%;max-width:1146px;font-family:"Roboto"}.congrats-background{background-image:url(https://assets.ccbp.in/frontend/react-js/quiz-game-congrats-card-bg.png);background-size:cover;background-repeat:no-repeat}.background{-ms-flex-positive:1;flex-grow:1;background-image:-webkit-gradient(linear,left top,right top,from(#dbbcc4),color-stop(#f3dfd8),color-stop(#c4d8bf),to(#b7b1d5));background-image:linear-gradient(90deg,#dbbcc4,#f3dfd8,#c4d8bf,#b7b1d5);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100vh}.result{padding:20px;text-align:center}.lose-image{width:410px;height:307px}.won-image{width:174px;height:174px}h1{font-size:2em;margin:20px 0}.correct-percentage,congrats-text{color:#0ea5e9;font-family:"Roboto";font-size:27px;font-weight:700}.congrats-text{color:#334155}.report-button{background-color:#0a74da;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.report-button:hover{background-color:#065bb5}.result-text{font-size:16px;font-family:"Rboto";color:#475569}@media screen and (max-width:570px){.lose-image{width:320px;height:200px}.congrats-text,.percentage-text{font-size:25px}}.page-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:100vh;font-family:"Roboto",sans-serif}.score-container{-ms-flex-direction:row;flex-direction:row}.option,.score-container{display:-ms-flexbox;display:flex}.option{position:relative;padding:10px;border:1px solid #ddd;border-radius:4px;cursor:default;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}.count{margin:10px;font-size:18px}.option-icon{margin-left:8px;height:24px;width:24px}.report-container{background-image:-webkit-gradient(linear,left top,right top,from(#dbbcc4),color-stop(#f3dfd8),color-stop(#c4d8bf),to(#b7b1d5));background-image:linear-gradient(90deg,#dbbcc4,#f3dfd8,#c4d8bf,#b7b1d5);background-size:cover;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%}.score{font-size:48px;color:#0b69ff;font-weight:700}.score-board{background-color:#fff;-ms-flex-direction:column;flex-direction:column;padding:20px;border-radius:8px;max-width:800px;width:100%;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);margin-top:20px}.score-board,.score-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.score-item{margin-bottom:0;-ms-flex-direction:row;flex-direction:row}.score-circle{width:120px;height:120px;border-radius:50%;background-color:transparent;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:32px;border:4px solid #0b69ff;margin-bottom:20px}.score-circle,.score-details{display:-ms-flexbox;display:flex;font-weight:700;color:#475569}.score-details{margin-left:8px;font-size:16px;text-align:right;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:space-evenly;justify-content:space-evenly;font-family:"Roboto"}.unattempted-questions-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:#f5fff4;padding:20px;border-radius:8px;width:100%;min-height:420px;max-height:100%;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}h2{text-align:center;color:#0b69ff}.question-container,h2{margin-bottom:20px}.options-container,.options-wrapper{grid-gap:10px;gap:10px}.options-container{list-style-type:none;padding:0;margin:0}.option.correct{background-color:#e0f7e9;border-color:#66bb6a;color:#66bb6a}.score-icon{width:20px;height:18px;margin-right:8px}.correct-indicator{margin-left:8px;color:#66bb6a;font-weight:700}@media screen and (max-width:570px){.score-circle{width:80px;height:80px;font-size:24px}.score{font-size:30px}.score-details{text-align:left}.score-icon{width:16px;height:14px}.score-item>p{font-size:14px}h2{font-size:20px}h3{font-size:17px}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=main.87e6bb69.chunk.css.map */