*{box-sizing:border-box;margin:0;padding:0}html{font-family:PT Sans Narrow;font-size:62.5%}body{background-image:linear-gradient(to right bottom,#000,#e74c3c);color:#f1f3f5;margin:0 auto;min-height:100vh;padding:3.2rem;width:70%}.App{background-image:linear-gradient(to right bottom,#536976,#292e49);border-radius:30px;flex-direction:column;justify-content:center}.App,.header{align-items:center;display:flex}.header{justify-content:space-between;margin:2rem 0 3rem;width:50rem}h1{color:#f1f3f5;font-family:Josefin Sans;font-size:5.6rem;font-weight:bolder}h2{font-size:4rem;margin-bottom:2rem}h3{margin-bottom:5rem}h3,h4{font-size:3rem}h4{margin-bottom:1rem;margin-left:1rem;margin-right:1rem}.logo{border-radius:.9rem;width:14rem}.image{border:1px solid #ccc;border-radius:8px;margin:10px 0;max-height:300px;max-width:100%;object-fit:contain}.question-container,.start-container{align-items:center;display:flex;flex-direction:column}.question-container{justify-content:space-around;margin-bottom:1rem;text-align:center}.btn{background-color:#495057;border:2px solid #495057;border-radius:20px;color:inherit;cursor:pointer;display:block;font-family:inherit;font-size:2rem;padding:1.2rem 2.4rem;transition:.3s}.opt-btn-container{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem}.opt_btn{text-align:left;width:100%}.opt_btn:not([disabled]):hover{background-color:#343a40;transform:translateX(.5rem)}.opt_btn[disabled]:hover{cursor:not-allowed}.correct_ans{background-color:#9cedb7;border:2px solid green;color:#000}.wrong_ans{background-color:#fba2a2;border:2px solid red;color:#000}.answer-user{transform:translateX(2rem)}.result-content{border-bottom:2rem;border-radius:4rem;color:#fff;font-size:3rem;font-weight:500;margin-bottom:1.6rem;padding:2rem 0;text-align:center;width:50rem}.next-btn-container{float:right}.next_btn{background-color:#fff;color:#e65c00;margin-bottom:2rem}.next_btn:hover{background-color:#e65c00;color:#fff}.start-btn{height:10rem;margin-bottom:3rem;width:39rem}.start-btn:hover{background-color:#e65c00;color:#fff}.progress{grid-gap:1.2rem;color:#fff;display:grid;font-size:1.8rem;gap:1.2rem;grid-template-columns:auto auto;justify-content:space-between;margin-bottom:2rem}progress{-webkit-appearance:none;grid-column:1/-1;height:12px;width:100%}::-webkit-progress-bar{background-color:#fff;border-radius:100px}::-webkit-progress-value{background-color:#e65c00;border-radius:100px}.total-perc{font-family:Josefin Sans;font-size:5rem;margin-bottom:1rem;margin-top:3rem}.result-font{color:#f5741f;display:inline;font-size:5rem}.loading_container{align-items:center;color:#f5741f;display:flex;flex-direction:column;font-size:1.4rem;gap:1.6rem;margin-bottom:7rem;margin-top:7rem}.loader{animation:loader 1s linear infinite;background:radial-gradient(circle closest-side,currentColor 90%,#0000) 0 50%,radial-gradient(circle closest-side,currentColor 90%,#0000) 50% 50%,radial-gradient(circle closest-side,currentColor 90%,#0000) 100% 50%;background-repeat:no-repeat;background-size:33.33333% 12px;height:24px;width:50px}@keyframes loader{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}.error_container{background-color:#495057;border-radius:100px;font-size:2.6rem;font-weight:500;margin-bottom:7rem;margin-top:7rem;padding:2rem;text-align:center}.restart-container{margin:0 auto}.restart-btn{background-color:#fff;color:#e65c00;margin:0 auto 2rem}.restart-btn:hover{background-color:#e65c00;color:#fff}
/*# sourceMappingURL=main.107a3285.css.map*/