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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.assignment-container{align-items:center;background-color:#e9ecef;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:100vh;padding:20px}.assignment-heading{color:#333;font-family:Arial,sans-serif;font-size:32px;font-weight:700;margin-bottom:40px;text-align:center}.question-answer{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;justify-content:center;margin-bottom:30px;width:100%}.question{color:#444;flex:1 1;font-size:18px;font-weight:700;max-width:500px;text-align:left}.answer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px}.matrix-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,120px);grid-template-rows:repeat(3,120px);margin-top:20px}.matrix-cell{align-items:center;border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;height:120px;justify-content:center;transition:background-color .3s ease,transform .2s ease;width:120px}.matrix-cell.white{background-color:#fff}.matrix-cell.green{background-color:#8df3a4}.matrix-cell.orange{background-color:#eb9046}.matrix-cell:hover{box-shadow:0 6px 14px #0000004d;transform:scale(1)}.matrix-cell:focus{outline:2px solid #007bff}.reset-button{background-color:#6b6c6c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.reset-button:hover{background-color:#434547}.reset-button:focus{outline:none}@media (max-width:768px){.question-answer{align-items:center;flex-direction:column;justify-content:center;width:100%}.question{font-size:16px;text-align:center;width:100%}.matrix-grid{gap:10px;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);margin:0 auto}.matrix-cell{height:100px;width:100px}.reset-button{font-size:14px;padding:8px 16px}}@media (max-width:480px){.assignment-heading{font-size:24px}.question{font-size:14px}.matrix-grid{gap:8px;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);margin:0 auto}.matrix-cell{height:80px;width:80px}.reset-button{font-size:12px;padding:6px 12px}}
/*# sourceMappingURL=main.adacd4cc.css.map*/