.app{width:100%;height:100vh;background:#4f4f4f00;position:relative}.nav{display:flex;width:100%;height:60px;justify-content:space-around;align-items:center;color:#fff;background:#4f4f4f77;font-style:5rem;font-weight:700;position:fixed;top:0;transition:all 1s ease}nav .link{transition:all 1s ease;text-decoration:none;color:#fff}nav .link-color{transition:all 1s ease;text-decoration:none;color:#000}.scrollClass{display:flex;width:100%;height:60px;justify-content:space-around;align-items:center;color:#000;font-style:5rem;font-weight:700;position:fixed;top:0;background:#0048ad8e;transition:all 1s ease}main{width:100%;height:auto;display:flex;flex-direction:row;position:absolute;top:10%;left:0}main input{flex:8;margin-left:1rem;border:none;outline:none;background-color:#4f4f4f10;padding:1.5rem 1rem;color:#000;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;text-align:center}main input::placeholder{color:#000}main button{flex:2;margin-right:1rem;outline:none;border:none;background:#0048adb3;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;cursor:pointer}main button:hover{background:#0048ad8e}.showResult{position:relative;width:80%;height:auto;overflow-y:scroll;top:20%;left:100px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background:#000;color:#fff;padding:.8rem 1rem;border-radius:10px;transition:all .5s ease;cursor:pointer;margin-top:30px}.showResult:hover{background:#000}.showResult li{width:100%;list-style-type:decimal;margin-top:10px;background:transparent;color:#fff;cursor:pointer;border-bottom:1px solid white;z-index:999}.questionH1{position:absolute;top:50%;left:0;width:100%;text-align:center;margin-bottom:1rem}@media screen and (max-width: 1023px){.questionH1{width:90%;text-align:center}}@media screen and (max-width: 767px){main{width:100vw;display:flex;flex-direction:row;justify-content:center;padding:0 3rem}main input{margin:0}main button{margin:0}.showResult{left:80px}}@media screen and (max-width: 510px){main{width:100vw;display:flex;flex-direction:row;padding:0 3rem}main input{margin:0}main button{width:80px;height:70px}.questionH1{font-size:25px;width:100%;text-align:center}.showResult{left:50px}}@media screen and (max-width: 380px){main{width:100vw;display:flex;flex-direction:row}main input{margin:0}main button{margin:0}.questionH1{width:100%;text-align:center;text-wrap:nowrap;font-size:25px}.showResult{left:45px}}@media screen and (max-width: 300px){main{width:100vw;height:200px;display:flex;flex-direction:column}main input{width:100%;height:200px;border-radius:10px;margin:0;margin-bottom:.5rem}main input::placeholder{text-wrap:wrap}main button{width:100%;height:200px;margin:0;border-radius:10px}.questionH1{width:100vw;text-align:center;margin-left:0;font-size:15px;text-wrap:nowrap}.showResult{top:40%;left:35px}.showResult li{border-bottom:1px solid white}}.questionsDiv{position:absolute;width:100%;height:auto;top:60%;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.questionsDiv ol{list-style-type:decimal}.questionsDiv li{position:relative;background:#0000001e;width:100%;display:flex;justify-content:flex-start;align-items:flex-start;text-align:left;margin-left:2rem;margin-bottom:20px;padding:1rem 2rem;list-style-position:inside;cursor:pointer;transition:all .5s ease}.questionsDiv li:before{content:">";position:absolute;right:20px;top:20%;font-size:2rem}.questionsDiv li:hover{background:#00000043}@media screen and (min-width: 1023px){.questionsDiv ol{width:100vw;display:flex;flex-direction:column;justify-content:center}.questionsDiv li{width:90%}}@media screen and (max-width: 1023px){.questionsDiv li{width:80%;margin-left:5rem}}@media screen and (max-width: 600px){.questionsDiv li{margin-left:3.5rem}}@media screen and (max-width: 500px){.questionsDiv ol{display:flex;flex-direction:column;justify-content:center}.questionsDiv ol li{margin-left:3rem}}@media screen and (max-width: 380px){.questionsDiv ol{display:flex;flex-direction:column;justify-content:center}.questionsDiv ol li{margin-left:1.6rem}}@media screen and (max-width: 300px){.questionsDiv{width:100vw;display:flex;flex-direction:column;padding:0}.questionsDiv ol{width:100%;display:flex;flex-direction:column;justify-content:center;padding:1rem 2rem;margin:0}.questionsDiv li{margin:1rem 1rem 1rem 4rem}}.parent h1{margin-bottom:.5rem}.parent p{margin-bottom:1rem!important}.answerPage{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.answerPage p{position:relative;margin-bottom:45px}.answerPage p:after{content:"";width:300px;height:2px;background:#000;position:absolute;bottom:-16px;left:-46px;margin-top:50px}.ans{margin-top:1rem}.toMain{width:200px;height:100px;outline:none;border-radius:10px;border:1px solid #1500ff;margin-top:3rem}@media screen and (max-width: 768px){.answerPage p{font-size:16px}.answerPage h1{font-size:26px}.ans{font-size:20px}.toMain{width:200px;height:100px}}@media screen and (max-width: 600px){.answerPage p{font-size:16px}.answerPage h1{font-size:20px}.ans{font-size:18px}.toMain{width:150px;height:80px}}@media screen and (max-width: 450px){.answerPage p{font-size:13px}.answerPage h1{font-size:18px}.ans{font-size:16px}.toMain{width:100px;height:50px}}@media screen and (max-width: 350px){.answerPage p{font-size:12px}.answerPage h1{font-size:14px}.ans{font-size:12px}.toMain{width:80px;height:30px;font-size:10px}}.parent{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.parent h1{margin-bottom:၁rem}.parent p{margin-bottom:.5rem}.grid{display:grid;grid-template-columns:repeat(7,120px)}.grid button{width:100%;height:40px;border:1px solid #003cff;border-radius:10px;background:#ffffff54;color:#000;font-size:18px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .5s}.grid button:hover{background:#00000068}@media screen and (max-width: 900px){.grid{display:grid;grid-template-columns:repeat(6,120px)!important}}@media screen and (max-width: 730px){.parent h1{font-size:19px}.parent p{font-size:12px}.grid{display:grid;grid-template-columns:repeat(6,100px)!important}}@media screen and (max-width: 600px){.parent h1{font-size:16px}.parent p{font-size:12px;margin-bottom:3rem!important}.grid{display:grid;grid-template-columns:repeat(6,80px)!important}}@media screen and (max-width: 500px){.parent h1{font-size:16px}.parent p{font-size:12px;margin-bottom:3rem!important}.grid{display:grid;grid-template-columns:repeat(6,50px)!important}}@media screen and (max-width: 400px){.parent h1{font-size:13px;margin-top:3rem!important}.parent p{font-size:10px;margin-bottom:1rem!important}.grid{display:grid;grid-template-columns:repeat(6,50px)!important}}@media screen and (max-width: 300px){.parent h1{font-size:10px;margin-top:3rem!important}.parent p{font-size:8px;margin-bottom:.2rem!important}.grid{display:grid;grid-template-columns:repeat(6,30px)!important}}*{padding:0;margin:0;box-sizing:border-box}