body{align-items:center;background-color:#f0f0f0;color:#333;display:flex;font-family:sans-serif;justify-content:center;margin:0;min-height:100vh;text-align:center}.App{background-color:#fff;border-radius:8px;box-shadow:0 0 15px #0000001a;max-width:600px;padding:20px;width:90%}.App,.App-header{position:relative}.App-header{margin-bottom:20px}.menu-button{background-color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;left:-10px;padding:8px 12px;position:absolute;top:-10px}.menu-button:hover{background-color:#d0d0d0}.menu h1{color:#2c5e3a}.game-container button,.menu button,.quiz-options button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin:10px 5px;padding:10px 20px}.game-container button:hover,.menu button:hover,.quiz-options button:hover{background-color:#45a049}.menu button:disabled{background-color:#ccc;cursor:not-allowed}.credits{color:#777;font-size:.8em;margin-top:30px}.game-container{padding:15px}.flower-image-game{border:2px solid #ddd;border-radius:8px;height:auto;margin-bottom:20px;max-height:300px;max-width:80%}.quiz-options{align-items:center;display:flex;flex-direction:column;gap:10px}.quiz-options button{max-width:300px;width:80%}.feedback-message{font-weight:700;margin-top:15px}.flower-card{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:20px;position:relative}.flower-card .close-button{background:#ddd;border:none;border-radius:50%;cursor:pointer;font-weight:700;height:30px;position:absolute;right:10px;top:10px;width:30px}.flower-card .close-button:hover{background:#ccc}.flower-image-card{border-radius:4px;height:auto;margin-bottom:15px;max-height:250px;max-width:100%}.flower-card h2{color:#2c5e3a;margin-top:0}.flower-card ul{list-style-type:disc;padding-left:20px;text-align:left}.flower-card strong{color:#387c4d}.herbarium{padding:15px}.herbarium h2{color:#2c5e3a}.herbarium-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:20px}.herbarium-item{border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:10px;transition:transform .2s}.herbarium-item:hover{border-color:#4caf50;transform:scale(1.05)}.herbarium-item img{border-radius:4px;height:100px;margin-bottom:5px;object-fit:cover;width:100%}.herbarium-item p{font-size:.9em;font-weight:700;margin:0}
/*# sourceMappingURL=main.2fc4e4cf.css.map*/