body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:80px}.App-header{background-color:#222;height:60px;padding:10px;color:#fff}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.easy-abc{color:#f9bad0}.game{margin:10px;color:#ddd;background-color:#ec1561;padding:20px;width:auto;min-height:60%;position:relative}.fields{padding:12px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex:1 1}.field-block{display:flex;min-height:240px;padding:1%;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;background-color:#f9bad0;font-size:12rem;color:#fff;cursor:pointer;position:relative}.field-block span{font-size:3rem;padding-left:10px}.field-block .word{font-size:4rem;text-align:center;justify-content:center;align-items:center;display:flex;padding-left:10px}.field-block .placeholder-span{font-size:1rem}.left-field,.right-field{height:100%;width:45%}.buttons{display:flex;flex-direction:row;justify-content:center}.letter-image{width:200px;height:200px;font-size:1rem}.button{display:flex;height:48px;padding-right:16px;padding-left:16px;flex-direction:row;justify-content:center;align-items:center;flex:0 0 auto;border-radius:4px;background-color:#2fcaaa;box-shadow:0 1px 3px 0 rgba(0,0,0,.05),0 2px 12px 0 rgba(0,0,0,.1);transition:box-shadow .2s ease-out;color:#fff;font-weight:500;text-align:center;cursor:pointer;margin-left:10px;margin-right:10px}.sound{padding-left:10%;padding-right:10%}.prev{background-color:#47b04b}.next,.prev{padding-left:5%;padding-right:5%}.next{background-color:#00a7f7}.default{background-color:#eef1f3;color:#333}.hide{display:none!important}.random-label{font-size:2rem;margin-left:20px}.switch{position:relative;display:inline-block;width:60px;height:34px;margin-bottom:-7px}.switch input{display:none}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}footer{font-size:2rem}.heart{fill:red;position:relative;top:5px;width:50px;-webkit-animation:pulse 1s ease infinite,;animation:pulse 1s ease infinite,}@-webkit-keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@media only screen and (min-device-width:320px) and (max-device-width:480px){.game{margin:5px;padding:5px}.random-label{font-size:1.4rem}.switch{width:30px;height:17px;margin-bottom:-5px}.slider:before{height:13px;width:13px;bottom:2px}input:checked+.slider:before{transform:translateX(13px)}.slider.round{border-radius:17px}.field-block{font-size:3rem;min-height:100px;padding:0}.App-header{height:40px}.App-header h1{font-size:1rem}.button{margin-left:5px;margin-right:5px;font-size:.9rem}.next,.prev,.sound{padding-left:10px;padding-right:10px}.letter-image{width:50px;height:50px}.field-block .word{font-size:1.5rem;padding-left:5px}footer{font-size:1rem}}
/*# sourceMappingURL=main.45dd29ea.chunk.css.map */