@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&family=Roboto:wght@400;700&display=swap);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}body,html{background-color:#f0f8ff;font-family:Arial,sans-serif}.App{align-items:center;background:url(/static/media/BackGround.cb72afd3d29aeec1afbe.png) no-repeat 50%;background-size:cover;display:flex;flex-direction:column;min-height:100vh;padding:20px}body,h1,h2,h3,h4,h5,h6,html{margin:0;padding:0}body,html{background:linear-gradient(135deg,#87ceeb,#e0f7fa);font-family:Roboto,sans-serif;height:100%;overflow:hidden}.math-dinosaur-game{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:space-between;padding:2vh}.game-title{color:#4caf50;font-family:Fredoka One,cursive;font-size:5vh;margin-bottom:2vh;text-shadow:2px 2px 4px #0000001a}.problem-container{background-color:#ffffffe6;border-radius:20px;box-shadow:0 6px 10px #00000026;margin-bottom:3vh;padding:3vh 4vh}.problem{color:#4a4a4a;font-family:Fredoka One,cursive;font-size:4vh;letter-spacing:.05em;text-align:center;text-shadow:1px 1px 2px #0000001a}.balloons-container{align-items:center;background-color:#ffffff4d;border-radius:15px;display:flex;height:60vh;justify-content:center;margin-bottom:2vh;overflow:hidden;position:relative;width:100%}.balloons-container:before{background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0;z-index:1}.balloon{align-items:center;animation:float 4s ease-in-out infinite alternate;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;color:#fff;cursor:pointer;display:flex;font-family:Fredoka One,cursive;font-size:2.5vh;height:15%;justify-content:center;position:absolute;text-shadow:1px 1px 2px #0000004d;transition:transform .2s ease;width:12%;z-index:2}.balloon:hover{transform:scale(1.1)}.balloon:after{background:inherit;border-bottom-left-radius:50%;border-bottom-right-radius:50%;bottom:-10%;content:"";height:20%;left:42.5%;position:absolute;transform:rotate(45deg);width:15%}@keyframes float{0%{transform:translate(0) rotate(-2deg)}to{transform:translateY(10px) rotate(2deg)}}.bottom-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:2vh;padding:0 2vw;width:100%}.treasure-chest{align-items:center;background:url(/static/media/TreasureChest.4da9e8444b81abacc8e5.png) no-repeat 50%/contain;color:gold;cursor:pointer;display:flex;flex-direction:column;font-size:1.2vh;height:8vw;justify-content:flex-end;padding-bottom:1vh;text-align:center;text-shadow:1px 1px 1px #000;transition:transform .2s;width:8vw}.treasure-chest:hover{transform:scale(1.1)}.treasure-chest h3{background:#0009;border-radius:5px;font-family:Fredoka One,cursive;font-size:1.8vh;margin:0;padding:.3vh .6vh}.reset-button{background-color:#4caf50;border:none;border-radius:25px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:2vh;padding:1vh 2vw;transition:all .3s ease}.reset-button:hover{background-color:#45a049;box-shadow:0 4px 6px #0003;transform:translateY(-2px)}.modal-overlay{background-color:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex}.modal-content{background-color:#fff;border-radius:15px;box-shadow:0 4px 20px #0003;flex-direction:column;height:80vh;max-height:500px;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-content h2{color:#4a4a4a;font-family:Fredoka One,cursive;font-size:2.5em;margin-bottom:20px;margin-top:0;text-align:center}.modal-content button{background-color:#4caf50;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;margin-top:15px;max-width:100px;overflow:hidden;padding:8px 15px;text-overflow:ellipsis;transition:background-color .3s;white-space:nowrap;width:auto}.modal-content button:hover{background-color:#45a049;transform:scale(1.05)}.egg-collection,.rewards-stickers{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.egg-sticker,.reward-sticker{height:100px;object-fit:contain;transition:transform .2s ease;width:100px}.egg-sticker:hover,.reward-sticker:hover{transform:scale(1.05)}.graduating-dino,.new-egg{background-position:50%;background-repeat:no-repeat;background-size:contain;height:20%;position:absolute;transition:all 2s ease-in-out;width:20%;z-index:10}.graduating-dino{animation:graduate 2s ease-in-out forwards}.new-egg{animation:newEgg 2s ease-in-out forwards}@keyframes graduate{0%{left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}50%{left:75%;top:75%;transform:translate(-50%,-50%) scale(1.2) rotate(180deg)}to{left:100%;top:100%;transform:translate(-100%,-100%) scale(.5) rotate(1turn)}}@keyframes newEgg{0%{left:0;top:100%;transform:translateY(-100%) scale(.5)}50%{left:25%;top:75%;transform:translate(-50%,-50%) scale(.8) rotate(180deg)}to{left:50%;top:50%;transform:translate(-50%,-50%) scale(1) rotate(1turn)}}
/*# sourceMappingURL=main.cdf92c92.css.map*/