body{font-family:Karla,sans-serif;background-color:#f5f7fb;display:flex;flex-direction:column;height:auto}.start-btn{color:#f5f7fb;background-color:#4d5b9e;border-radius:15px;width:193px;height:52px;font-weight:500;font-size:16px;border:none;cursor:pointer}@media (max-width: 460px){.start-btn{color:#f5f7fb;background-color:#4d5b9e;border-radius:10px;width:153px;height:42px;font-weight:500;font-size:14px;border:none;cursor:pointer}}main{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-txt{font-weight:700;font-size:32px;color:#293264;margin-bottom:0}.title-tag{font-weight:400;font-size:17px;color:#293264;margin-bottom:35px}.inputs-section{margin-bottom:40px}.category-div,.difficulty-div,.type-div{display:flex;gap:10px;justify-content:space-between;width:380px;align-items:center}.difficulty-div,.type-div{margin-top:20px}label{font-size:14px;font-weight:700}select,option{width:250px;height:28px;padding:0 20px;opacity:.7;border:none;box-shadow:2px 2px 10px #0003}@media (max-width: 550px){main{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-txt{font-weight:700;font-size:25px;color:#293264;margin-bottom:0}.title-tag{font-weight:400;font-size:14px;color:#293264;margin-bottom:35px}.inputs-section{margin-bottom:40px}.category-div,.difficulty-div,.type-div{display:flex;gap:10px;justify-content:space-between;width:250px;padding-right:10px;align-items:center}select,option{width:50%;height:28px;padding:0 2px;opacity:.7;border:none;box-shadow:2px 2px 10px #0003;font-size:12px}}section{display:block;margin-left:auto;margin-right:auto;width:75%}.option-btn{color:#293264;border:.8px solid #4D5B9E;border-radius:10px;font-weight:600;font-size:13px;background-color:#f5f7fb;padding:6px 14px;margin-right:14px;cursor:pointer;word-wrap:nowrap;min-width:90px;margin-bottom:4px}.option-btn-select{background-color:#d6dbf5}.option-btn-incorrect{background-color:#f8bcbc;opacity:.6}.option-btn-correct{background-color:#94d7a2}.option-incorrect{opacity:.6}.score-submit-sec{display:flex;flex-direction:row;justify-content:center;gap:30px;align-items:first baseline;margin-top:20px;font-size:800}.submission-btn{font-size:13px;background:#4D5B9E;border-radius:10px;color:#f5f7fb;padding:12px 24px;border:none;min-width:120px;cursor:pointer;margin-top:20px;margin-bottom:40px;text-wrap:nowrap}hr{margin-top:20px;opacity:.6;font-weight:100}.mobile-view{display:flex;flex-direction:column;justify-content:center}.btn-container{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.btn-prev,.btn-next{background-color:#ff595e;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;color:#fff;font-size:12px}.btn-disable{opacity:.5;pointer-events:none;cursor:not-allowed}.score-submit-mob{display:flex;flex-direction:column;margin-top:40px;align-items:center;text-align:center}.app-container{display:flex;flex-direction:column;position:relative;justify-content:center}.shape-top{position:fixed;right:0;top:0}.shape-bottom{position:fixed;left:0;bottom:0}footer{display:flex;align-items:center;font-size:14px;justify-content:center;text-wrap:nowrap;bottom:10px}.footer-container{text-align:center;position:absolute;bottom:10px;left:50%;transform:translate(-50%,-50%)}@media (max-width: 550px){.app-container{height:100vh}footer{font-size:10px;display:flex;align-items:center;justify-content:center;text-wrap:nowrap;text-align:center;position:absolute;bottom:10px;left:50%;transform:translate(-50%,-50%)}}@media (max-width: 650px){.shape-bottom,.shape-top{height:50px}}