body{margin:0;padding:0;font-family:sans-serif}@media only screen and (min-width:651px){.App{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;line-height:1.5em;text-align:center;color:#000;background-color:transparent;overflow:hidden}.underlineMe{text-decoration:underline}.allQuizArea,.answeringSection,.currentHiragana,.resultSection,.title{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:10px;margin:10px auto;background-color:transparent}.answeringSection,.currentHiragana,.resultSection,.title{border-width:thick;border-style:solid;background-color:#ffc}.titleOfHiragana,answerAreaOfHiragana{padding:15px}input{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;background-color:#fff;border-width:medium;border-style:solid;outline:none;box-shadow:none;min-height:30px;font-size:22px}input:focus::-webkit-input-placeholder,input:hover::-webkit-input-placeholder{opacity:0}.fadeinbg{z-index:-1;background-color:#fafad2;animation:fadein 1s linear 0ms normal forwards;-moz-animation:fadein 1s linear 0ms normal forwards;-webkit-animation:fadein 1s linear 0ms normal forwards}.fadeinbg,.fadeoutbg{min-height:100%;min-width:1024px;width:100%;height:auto;position:fixed;top:0;left:0}.fadeoutbg{z-index:-2;animation:fadeout 1s linear 0ms normal forwards;-moz-animation:fadeout 1s linear 0ms normal forwards;-webkit-animation:fadeout 1s linear 0ms normal forwards}.fadeinbg2{background-color:#fafad2;animation:fadein2 1s linear 0ms normal forwards;-moz-animation:fadein2 1s linear 0ms normal forwards;-webkit-animation:fadein2 1s linear 0ms normal forwards}.fadeinbg2,.fadeoutbg2{min-height:100%;min-width:1024px;width:100%;height:auto;position:fixed;top:0;left:0;z-index:-1}.fadeoutbg2{animation:fadeout2 1s linear 0ms normal forwards;-moz-animation:fadeout2 1s linear 0ms normal forwards;-webkit-animation:fadeout2 1s linear 0ms normal forwards}.initialbg{min-height:100%;min-width:1024px;width:100%;height:auto;position:fixed;top:0;left:0;z-index:-1;background-color:#fafad2}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadein2{0%{opacity:0}to{opacity:1}}@keyframes fadein2{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout2{0%{opacity:1}to{opacity:0}}@keyframes fadeout2{0%{opacity:1}to{opacity:0}}.nextArrow,.previousArrow{height:40px;width:40px;display:flex;align-items:center;justify-content:center;background:#ffc;border:solid #000;border-radius:50%;cursor:pointer}.nextArrow{position:absolute;top:50%;right:25px;z-index:999;color:#fff}img.nextArrowImg:hover{-webkit-transform:translate(1.5px);transform:translate(1.5px)}img.previousArrowImg:hover{-webkit-transform:translate(-1.5px);transform:translate(-1.5px)}.previousArrow{position:absolute;top:50%;left:25px;z-index:999;color:#fff}.allCircles{background-color:transparent;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;bottom:30px;position:absolute;display:flex;align-items:center;justify-content:center;margin:0 auto}.circleChange{height:15px;width:15px;background:#ffc;margin:auto 10px;border:1.5px solid #000;border-radius:50%;cursor:pointer}}@media only screen and (min-width:451px) and (max-width:650px){.App{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.3em;text-align:center;color:#000;background-color:transparent;overflow:hidden}.underlineMe{text-decoration:underline}.allQuizArea,.answeringSection,.currentHiragana,.resultSection,.title{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:10px;margin:50px auto 10px;background-color:transparent}.answeringSection,.currentHiragana,.resultSection,.title{border-width:thin;border-style:solid;background-color:#ffc}.titleOfHiragana,answerAreaOfHiragana{padding:5px}input{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;background-color:#fff;border-width:medium;border-style:solid;outline:none;box-shadow:none;min-height:15px;font-size:px}input:focus::-webkit-input-placeholder,input:hover::-webkit-input-placeholder{opacity:0}.fadeinbg{z-index:-1;background-color:#fafad2;animation:fadein 1s linear 0ms normal forwards;-moz-animation:fadein 1s linear 0ms normal forwards;-webkit-animation:fadein 1s linear 0ms normal forwards}.fadeinbg,.fadeoutbg{min-height:100%;min-width:450px;width:100%;height:auto;position:fixed;top:0;left:0}.fadeoutbg{z-index:-2;animation:fadeout 1s linear 0ms normal forwards;-moz-animation:fadeout 1s linear 0ms normal forwards;-webkit-animation:fadeout 1s linear 0ms normal forwards}.fadeinbg2{min-width:450px;background-color:#fafad2;animation:fadein2 1s linear 0ms normal forwards;-moz-animation:fadein2 1s linear 0ms normal forwards;-webkit-animation:fadein2 1s linear 0ms normal forwards}.fadeinbg2,.fadeoutbg2{min-height:100%;width:100%;height:auto;position:fixed;top:0;left:0;z-index:-1}.fadeoutbg2{min-width:1024px;animation:fadeout2 1s linear 0ms normal forwards;-moz-animation:fadeout2 1s linear 0ms normal forwards;-webkit-animation:fadeout2 1s linear 0ms normal forwards}.initialbg{min-height:100%;min-width:450px;width:100%;height:auto;position:absolute;top:0;left:0;z-index:-1;background-color:#fafad2}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadein2{0%{opacity:0}to{opacity:1}}@keyframes fadein2{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout2{0%{opacity:1}to{opacity:0}}@keyframes fadeout2{0%{opacity:1}to{opacity:0}}.nextArrow,.previousArrow{height:40px;width:40px;display:flex;align-items:center;justify-content:center;background:#ffc;border:solid #000;border-radius:50%;cursor:pointer}.nextArrow{position:absolute;top:50%;right:25px;z-index:999;color:#fff}img.nextArrowImg:hover{-webkit-transform:translate(1.5px);transform:translate(1.5px)}img.previousArrowImg:hover{-webkit-transform:translate(-1.5px);transform:translate(-1.5px)}.previousArrow{position:absolute;top:50%;left:25px;z-index:999;color:#fff}.allCircles{background-color:transparent;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;bottom:30px;position:absolute;display:flex;align-items:center;justify-content:center;margin:0 auto}.circleChange{height:15px;width:15px;background:#ffc;margin:auto 10px;border:1.5px solid #000;border-radius:50%;cursor:pointer}}
/*# sourceMappingURL=main.78235886.chunk.css.map */