@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Raleway:wght@400;600;700&display=swap);.navbar-container{background-color:#9c5c7c}.navbar{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:1200px;padding:.3rem 2rem}.navbar button{background:#fff;border:none;border-radius:10px;box-shadow:1px 1px 4px rgba(0,0,0,.25);color:#9c5c7c;cursor:pointer;font-family:Raleway;font-weight:600;padding:.4rem 3rem}.navbar button:hover{opacity:.9}.go-back{color:#fff}.go-back:hover{color:#d9d9d9}.hero{display:flex;flex-direction:column;gap:2rem;margin:10% auto 7%;max-width:1030px;padding:0 1rem;text-align:center}.hero .headings .h1{color:#31232a;font-family:Raleway;font-size:48px;font-weight:600}.hero .headings .h1 span{color:#9c5c7c}.hero .headings .h2{color:#4e4e4e;font-family:Open Sans;font-weight:600;line-height:140%;margin-top:16px}.hero .quiz-container .h1{color:#9c5c7c;font-family:Raleway;font-size:24px;font-weight:600}.hero .quiz-container .quizzes{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr 1fr;margin-top:1.7rem}.quiz-card{align-items:center;background-color:#f0f8ff;border-radius:8px;display:flex;flex-direction:column;gap:.7rem;padding:2rem}.quiz-card .heading{color:#31232a;font-family:Raleway;font-style:normal;font-weight:600}.quiz-card p{color:#4e4e4e}.quiz-card button{background:#9c5c7c;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:.3rem 1rem}.quiz-card button:hover{background-color:#a33c6f}.footer{background-color:#9c5c7c;color:#fff;margin-top:5%;padding:1rem;text-align:center}.quiz-page .container{border:1px solid #ddd;border-radius:4px;box-shadow:1px 1px 4px rgba(0,0,0,.25);margin:7% auto;max-width:500px}.quiz-page .container .upper-section{align-items:center;background-color:#ff7a00;display:flex;justify-content:space-between;padding:1rem 1rem 1rem 2rem}.quiz-page .container .upper-section .left .h1{color:#f2f2f2;color:#fff;font-family:Raleway;font-size:34px;font-weight:700;line-height:140%}.quiz-page .container .upper-section .right{width:45%}.quiz-page .container .upper-section .left .h2{color:#f2f2f2}.quiz-page .container .upper-section .left .h2 span{font-weight:700}.quiz-page .container .lower-section{background-color:#fff;padding:1rem 2rem}.quiz-page .container .lower-section .question{clear:both;color:#31232a;font-family:Raleway;font-size:24px;font-style:normal;font-weight:700;margin:1.5rem 0 1rem}.quiz-page .container .lower-section .options{cursor:pointer;display:flex;flex-direction:column;gap:.5rem}.option{width:80%}.quiz-page .container .lower-section .options div:hover{background-color:#d7f3ff}.quiz-page .container .lower-section .options div{background:#ececec;border-radius:5px;font-size:14px;padding:.4rem 1rem}.quiz-page .buttons{cursor:pointer;display:flex;justify-content:flex-end;margin-top:1.5rem}.quiz-page .buttons .next{background:#0e81b4;border:none;border-radius:10px;color:#fff;padding:.4rem 3rem}.quiz-page .buttons .next:hover{background:#179cd4;cursor:pointer}.result-container{display:flex;flex-direction:column;gap:1rem;margin:7% auto;max-width:700px;width:95%}.result-container .h1{font-family:Raleway;font-size:24px;font-weight:600}.result-container .percent{align-items:center;background:#fff2f2;border-radius:12px;box-shadow:0 1px 5px rgba(0,0,0,.25);display:flex;gap:1.5rem;padding:1rem}.result-container .percent .score-bar{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.result-container .percent .score-bar .marks{align-items:center;display:flex;height:160px;justify-content:center;position:relative;width:160px}.marks svg circle{fill:none;stroke:#000;stroke-width:13;stroke-dasharray:346;-webkit-transform:translate(8px,4px);transform:translate(8px,4px)}.marks svg circle:first-child{stroke-dashoffset:0;stroke:rgba(39,174,96,.2)}.marks svg circle:nth-child(2){stroke:#9c5c7c;stroke-linecap:round;-webkit-animation:animbar 2s ease-in-out forwards;animation:animbar 2s ease-in-out forwards}.score-bar .score{color:#31232a;font-size:24px;font-weight:600}.score-bar .slash{font-size:24px}.marks .number{position:absolute}.result-container .message p{color:#31232a;font-size:24px;font-weight:600}.result-container .message .result-color-green{color:#47c07a}.result-container .message .result-color-red{color:#d83737}.result-container .message .percent-color{color:#9c5c7c}.result-container .answers{display:flex;gap:1.5rem}.result-container .answers .check{align-items:center;border-radius:12px;box-shadow:0 3.83534px 9.20481px rgba(0,0,0,.25);color:#fff;display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:center;padding:3rem}.result-container .answers .check div:first-child{display:flex;gap:1rem}.result-container .answers .check p:nth-child(2){font-family:Raleway;font-size:22px;font-style:normal;font-weight:400}.result-container .answers .check div:first-child p:first-child{font-size:24px;font-weight:600}.result-container .answers .wrong img{width:16px}.result-container .answers .correct img{width:20px}.result-container .answers .correct{background-color:#47c07a}.result-container .answers .wrong{background-color:#d83737}.result-container .buttons{display:flex;gap:1.5rem;justify-content:center}.result-container .buttons button{border:none;border-radius:12px;cursor:pointer;padding:.7rem 4rem}.result-container .buttons>button:first-child{background-color:#9c5c7c;color:#fff}.result-container .buttons button:first-child:hover{background:#b87597}.result-container .buttons button:nth-child(){background-color:#fff;border:1px solid #9c5c7c;color:#9c5c7c}.result-container .buttons button:nth-child(2):hover{background-color:#eeeaea}#try-quiz{background-color:#fff;border:1px solid #9c5c7c!important;color:#9c5c7c}#try-quiz:hover{background-color:#ebebeb;opacity:.9}.show-answer-container{margin:7% auto;max-width:800px;width:95%}.show-answer-container .h1{color:#31232a;font-family:Raleway;font-size:24px;font-style:normal;font-weight:600;margin-bottom:1rem}.show-answer-container .score{color:#4e4e4e;font-size:24px;margin-bottom:2rem}.show-answer-container ol{margin:auto;max-width:94%}.show-answer-container ol>li{background:#fff2f2;border:1px solid #fff2f2;border-radius:10px;box-shadow:0 0 4px rgba(0,0,0,.25);margin-bottom:1rem;padding:1rem}.show-answer-container ul li{align-items:center;background-color:#fff;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 1.5rem}.show-answer-container ul li div:nth-child(2){align-items:center;background:#fff;border-radius:50px;display:flex;font-size:12px;font-weight:600;gap:.4rem;line-height:140%;padding:.15rem .5rem}.show-answer-container ul li div:nth-child(2) img{width:8px}li::marker{color:#31232a;font-size:24px;font-weight:600}.show-answer-container ol li .question{color:#31232a;font-family:Raleway;font-size:24px;font-style:normal;font-weight:700;margin-bottom:1rem}@-webkit-keyframes animbar{0%{stroke-dashoffset:346}}@keyframes animbar{0%{stroke-dashoffset:346}}*,:after,:before{box-sizing:border-box;font-family:Open Sans;margin:0;padding:0}body{background:rgba(208,177,198,.1)}img{display:block;width:100%}.float-right{float:right;font-size:12px}a{text-decoration:none}span{font-weight:700}@media only screen and (max-width:900px){.hero .quiz-container .quizzes{gap:2rem;grid-template-columns:1fr 1fr}}@media only screen and (max-width:500px){.hero .quiz-container .quizzes{gap:2rem;grid-template-columns:1fr}.hero .headings .h1{font-size:36px}.hero .headings .h2{font-size:12px}.hero .quiz-container .h1{font-size:22px}.quiz-page .container{border:none;box-shadow:none}.result-container .answers .check{padding:1rem;text-align:center}.result-container .answers .check div:first-child{gap:.5rem}.result-container .answers .check div:first-child p:first-child{font-size:20px}.result-container .percent{gap:0;padding:0 0 1rem .2rem}.result-container .message p{font-size:20px}.navbar{padding:.3rem 1rem}.result-container .answers .check p:nth-child(2){font-size:16px}.result-container .buttons button{padding:.7rem 1.5rem}.option{flex:1 1;width:none}.result-container{margin:25% auto}.show-answer-container ul li{padding:.5rem}.show-answer-container ol>li{list-style:none}}
/*# sourceMappingURL=main.a8f41b44.css.map*/