body{align-items:center;background-color:#f9f9f9;color:#333;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;overflow:hidden;padding:0}.app-container{display:flex;flex-direction:column;max-width:1200px}.app-container,.main-content{box-sizing:border-box;padding:20px;width:100%}.scratch-pad{background-color:#fafafa;border-left:2px solid #ddd;box-shadow:-2px 0 10px #0000001a;height:90%;padding:20px;position:fixed;right:0;top:0;width:33%}.scratch-pad,.scratch-pad textarea{box-sizing:border-box;overflow:hidden}.scratch-pad textarea{background-color:#fff;border:2px solid #ddd;border-radius:4px;border-top:none;box-shadow:inset 0 2px 5px #0000001a;color:#333;font-family:Courier New,Courier,monospace;font-size:1em;height:100%;line-height:1.6;padding:10px;resize:none;width:100%}h1{color:#5cb85c;text-align:center}.input-container{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.input-container label{margin:10px}.question{font-size:1.5em;margin:20px;text-align:center}input[type=number]{font-size:1em;margin:0 10px;padding:5px}button{background-color:#5cb85c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin:10px;padding:10px 15px}button:hover{background-color:#4cae4c}.feedback{background-color:#fffc;border-radius:10px;box-shadow:0 0 10px #0000001a;font-size:1.5em;left:50%;margin-top:20px;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%)}.positive-feedback{animation:fly-across 2s ease-in-out;font-size:3em;position:fixed}@keyframes fly-across{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}.score-board{font-size:1.5em;margin:20px;text-align:center}.competition-mode{margin:20px}@media (max-width:768px){body{align-items:flex-start;height:auto;justify-content:flex-start;padding:20px}.app-container{align-items:center;flex-direction:column}.app-container,.main-content{padding:10px;width:100%}.input-container{align-items:center;flex-direction:column}.input-container label{margin:5px 0}.feedback{font-size:1.2em;width:90%}.scratch-pad{border-left:none;box-shadow:none;height:50%;left:0;position:fixed;top:0;width:100%}.scratch-pad textarea{font-size:1em;line-height:1.4}}
/*# sourceMappingURL=main.78429532.css.map*/