body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4f4f9;color:#333;font-family:Arial,sans-serif;margin:0}.App,body{padding:20px}.App{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:auto;max-width:600px}.App,h1{text-align:center}h1{color:#4a90e2;font-size:2em}h2{color:#333;font-size:1.5em;margin-bottom:20px;text-align:left}h3{color:#2d74c7;text-align:center}h4{color:#878787;font-style:italic;margin-top:30px}h5{color:#333;margin-bottom:20px;text-align:center}.question-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:15px}.options{margin-bottom:20px}.optionsWrapper{align-items:flex-start;display:flex;margin:10px 0}input[type=checkbox],input[type=radio]{margin-right:10px}.submit-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:10px 20px;transition:background-color .3s,transform .2s}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.submit-button:hover:not(:disabled){background-color:#45a049;transform:scale(1.05)}.score-display,.timer{margin:20px 0}.score{color:#333;font-size:1.5em;font-weight:700}.perfect{color:green}.low{color:#ec5757}.low,.medium{font-size:1.2em}.medium{color:#c29f05}.high{color:#04c40d;font-size:1.2em}.popup{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{align-items:flex-start;background:#fff;border-radius:5px;box-shadow:0 0 10px #00000080;display:flex;flex-direction:row-reverse;padding:20px;transition:all .3s ease-in-out}.popup-content.success{border-left:5px solid green;color:green!important}.popup-content.error{border-left:5px solid red}.close{color:#919191;cursor:pointer;margin-left:10px}.popup-content p{font-size:1.1em;margin:0;text-align:left}.start-menu,.start-menu h2{text-align:center}.start-menu h2{color:#958c8c;font-size:20px;margin-bottom:20px}.question-options{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.question-options button{background-color:#6cacf7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 15px;transition:background-color .3s ease}.question-options button:hover{background-color:#3c96fc}.question-options button:focus{background-color:#0062d1;box-shadow:0 0 5px #0000004d;outline:none}.matching-question-button{background-color:#8bbfe9;font-size:16px;padding:10px}.matching-question-button,.start-button{border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background-color .3s ease}.start-button{background-color:#007bff;font-size:20px;margin-bottom:10px;padding:10px 20px;width:100%}.matching-question-button:hover,.start-button:hover{background-color:#0056b3}.matching-question-button:focus,.start-button:focus{box-shadow:0 0 5px #0000004d;outline:none}.popup-icon{font-size:2em;margin-bottom:10px}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.optionsWrapper label{align-items:left!important;display:flex;text-align:left}.optionsWrapper label svg{margin-right:8px}.instruction{margin-bottom:20px;text-align:left}.instruction h3{color:#333}.instruction ul{list-style-type:none;padding:0}.instruction li{margin-bottom:5px}.matched-answer li{margin-left:10px}.MQApp{font-family:Arial,sans-serif;margin:auto;max-width:600px;padding:20px}.MQRetry,.MQSubmit{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;outline:none;padding:10px 20px;transition:background-color .3s,transform .2s}.MQSubmit:disabled{background-color:#ddd;cursor:not-allowed}.question-card{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0003;margin:15px 0;padding:15px}.question{margin:10px 0;text-align:left}.pair{align-items:center;display:flex;margin:5px 0}.pair span{margin-right:10px}select{padding:5px}.score-section{margin-top:20px;text-align:center}.score-section h2{color:#333;margin-bottom:10px}.MQRetry{background-color:#f44336}
/*# sourceMappingURL=main.2bb97e7c.css.map*/