@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap);body,html{background:#005cb8;background:linear-gradient(135deg,#005cb8,#002d62 50%,#000d1c) fixed;font-family:"Noto Sans JP",sans-serif;font-weight:400;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;padding:0}.App{color:#fff;text-align:center}.Home{text-align:left}.UkanaHeader,.UkanaHeaderJp{display:inline-block;font-size:5rem;font-weight:500;margin:0 0 0 1rem}.UkanaHeaderJp{color:#bf1919;font-weight:300}.Subheader{margin:0 0 0 1rem;font-style:italic}.SubheaderStart{font-weight:500;margin-left:1rem}.Login{background-position:bottom;background-repeat:repeat-x;background-size:10%;height:85vh}.login-message,.welcome{margin:0;text-align:center}.welcome{font-size:2rem}.login-message{font-size:1.5rem;margin-bottom:1rem}.login-form{-webkit-animation:loginRev 50s infinite;animation:loginRev 50s infinite;background:#4a008f;background:linear-gradient(60deg,#4a008f,#4a008f 17%,#670000 0,#670000 22%,#002754 0,#002754 51%,#670000 0,#670000 56%,#00152e 0,#00152e 84%,#670000 0,#670000 89%,#4a008f 0,#4a008f);background-size:300%;background-position:-500px;border-radius:25px;line-height:3rem;margin:auto;padding:1rem;text-align:center;width:-webkit-max-content;width:max-content}.login-input{display:inline-block;width:45%;font-family:"Noto Sans JP",sans-serif}.input{border:0;border-radius:12px;color:#000;font-size:.94rem;height:1.5rem;text-align:center}.input::-webkit-input-placeholder{color:#666}.input:-ms-input-placeholder{color:#666}.input::placeholder{color:#666}.login-form-button{background-color:#4cbf5d;border:0;border-radius:25px;font-family:"Noto Sans JP",sans-serif;font-size:1.5rem}.login-form-button:hover{-webkit-animation:loginGlowHover 1s infinite;animation:loginGlowHover 1s infinite;cursor:pointer}@-webkit-keyframes loginRev{0%{background-position:-200px}to{background-position:500px}}@keyframes loginRev{0%{background-position:-200px}to{background-position:500px}}@-webkit-keyframes loginGlowHover{50%{outline-color:#27a0eb;outline-offset:3px;outline-style:solid;outline-width:3px}to{background-color:#15e673;outline-offset:6px;outline-color:#ffb1b1}}@keyframes loginGlowHover{50%{outline-color:#27a0eb;outline-offset:3px;outline-style:solid;outline-width:3px}to{background-color:#15e673;outline-offset:6px;outline-color:#ffb1b1}}.Navbar{background:#090645;padding:0;text-align:left;width:auto}a{color:#fff;text-decoration:none}a,ul{margin:0;padding:0}li{display:inline-block;list-style-type:none;margin-right:1vw;text-decoration:none}.ukanaLogo{-webkit-animation:logoHoverAfter .5s forwards;animation:logoHoverAfter .5s forwards;border:3px solid transparent;border-radius:12px;margin:1vw 0 .4vw 1vw;width:1.9rem}.ukanaLogo:hover{-webkit-animation:logoHover .5s forwards;animation:logoHover .5s forwards;border:3px solid #cdc618;border-radius:12px}@-webkit-keyframes logoHover{0%{border-color:transparent}25%{border-color:#cdc618 transparent transparent}50%{border-color:#cdc618 #cdc618 transparent transparent}75%{border-color:#cdc618 #cdc618 #cdc618 transparent}to{border-color:#cdc618}}@keyframes logoHover{0%{border-color:transparent}25%{border-color:#cdc618 transparent transparent}50%{border-color:#cdc618 #cdc618 transparent transparent}75%{border-color:#cdc618 #cdc618 #cdc618 transparent}to{border-color:#cdc618}}@-webkit-keyframes logoHoverAfter{0%{border-color:#cdc618}25%{border-color:#cdc618 #cdc618 #cdc618 transparent}50%{border-color:#cdc618 #cdc618 transparent transparent}75%{border-color:#cdc618 transparent transparent}to{border-color:transparent}}@keyframes logoHoverAfter{0%{border-color:#cdc618}25%{border-color:#cdc618 #cdc618 #cdc618 transparent}50%{border-color:#cdc618 #cdc618 transparent transparent}75%{border-color:#cdc618 transparent transparent}to{border-color:transparent}}.navLink{margin:0}.non-home{position:relative;bottom:1rem;font-size:1.5vw}.gradedKanji{color:#ae9898;font-style:italic}.worded{-webkit-animation:wordedHoverAfter .5s forwards;animation:wordedHoverAfter .5s forwards;border:0 solid;border-radius:25px;color:#fff;outline-offset:3px;outline-style:solid;outline-width:3px;outline-color:transparent}.worded:hover{-webkit-animation:wordedHover .5s forwards;animation:wordedHover .5s forwards}@-webkit-keyframes wordedHover{0%{background:#090645;color:#fff;outline-color:transparent}to{background:#2a50a0;color:#cdc618;outline-color:#cdc618}}@keyframes wordedHover{0%{background:#090645;color:#fff;outline-color:transparent}to{background:#2a50a0;color:#cdc618;outline-color:#cdc618}}@-webkit-keyframes wordedHoverAfter{0%{background:#2a50a0;color:#cdc618;outline-color:#cdc618}to{background:#090645;color:#fff;outline-color:transparent}}@keyframes wordedHoverAfter{0%{background:#2a50a0;color:#cdc618;outline-color:#cdc618}to{background:#090645;color:#fff;outline-color:transparent}}.numbered{-webkit-animation:numberHoverAfter .5s forwards;animation:numberHoverAfter .5s forwards;border:3px solid #fff;border-radius:50%;height:2.5vw;text-align:center;width:2.5vw}.numbered:hover{-webkit-animation:numberHover .5s forwards;animation:numberHover .5s forwards}@-webkit-keyframes numberHover{0%{border-color:#fff;background:#090645;color:#fff}25%{border-color:#cdc618 #fff #fff}50%{border-color:#cdc618 #cdc618 #fff #fff}75%{border-color:#cdc618 #cdc618 #cdc618 #fff}to{background:#2a50a0;border-color:#cdc618;color:#cdc618}}@keyframes numberHover{0%{border-color:#fff;background:#090645;color:#fff}25%{border-color:#cdc618 #fff #fff}50%{border-color:#cdc618 #cdc618 #fff #fff}75%{border-color:#cdc618 #cdc618 #cdc618 #fff}to{background:#2a50a0;border-color:#cdc618;color:#cdc618}}@-webkit-keyframes numberHoverAfter{0%{background:#2a50a0;border-color:#cdc618;color:#cdc618}25%{border-color:#cdc618 #cdc618 #cdc618 #fff}50%{border-color:#cdc618 #cdc618 #fff #fff}75%{border-color:#cdc618 #fff #fff}to{border-color:#fff;background:#090645;color:#fff}}@keyframes numberHoverAfter{0%{background:#2a50a0;border-color:#cdc618;color:#cdc618}25%{border-color:#cdc618 #cdc618 #cdc618 #fff}50%{border-color:#cdc618 #cdc618 #fff #fff}75%{border-color:#cdc618 #fff #fff}to{border-color:#fff;background:#090645;color:#fff}}.wordSearchInput{-webkit-animation:inputFocusAfter .5s forwards;animation:inputFocusAfter .5s forwards;background-color:#142b65;border:3px solid transparent;border-radius:25px;color:#fff;font-family:"Noto Sans JP",sans-serif;height:1.5rem;text-align:center;outline-offset:3px;outline-style:solid;outline-width:3px;outline-color:transparent;width:12vw}::-webkit-input-placeholder{color:#cdc618;font-size:1.15vw}:-ms-input-placeholder{color:#cdc618;font-size:1.15vw}::placeholder{color:#cdc618;font-size:1.15vw}.wordSearchInput:focus{-webkit-animation:inputFocus .5s forwards;animation:inputFocus .5s forwards;background:#fff;outline-color:#cdc618;color:#000}.wordSearchInput:focus::-webkit-input-placeholder{color:#000}.wordSearchInput:focus:-ms-input-placeholder{color:#000}.wordSearchInput:focus::placeholder{color:#000}@-webkit-keyframes inputFocus{0%{background:#142b65;color:#fff;outline-color:transparent}to{background:#fff;color:#000;outline-color:#cdc618}}@keyframes inputFocus{0%{background:#142b65;color:#fff;outline-color:transparent}to{background:#fff;color:#000;outline-color:#cdc618}}@-webkit-keyframes inputFocusAfter{0%{background:#fff;color:#000;outline-color:#cdc618}to{background:#142b65;color:#fff;outline-color:transparent;text-align:right}}@keyframes inputFocusAfter{0%{background:#fff;color:#000;outline-color:#cdc618}to{background:#142b65;color:#fff;outline-color:transparent;text-align:right}}.userIcon{position:relative;top:.75rem;width:3vw}.logout-button{background-color:#e9740e;border:0;border-radius:25px;cursor:pointer;font-family:"Noto Sans JP",sans-serif;font-size:1rem;padding:.35rem;position:relative;bottom:.9rem}.logout-button:hover{-webkit-animation:logoutGlowHover 1s infinite;animation:logoutGlowHover 1s infinite;cursor:pointer}@-webkit-keyframes logoutGlowHover{50%{background-color:#e69751;outline-color:#cdc618;outline-offset:3px;outline-style:solid;outline-width:3px}to{outline-offset:6px;outline-color:#aaf2ff}}@keyframes logoutGlowHover{50%{background-color:#e69751;outline-color:#cdc618;outline-offset:3px;outline-style:solid;outline-width:3px}to{outline-offset:6px;outline-color:#aaf2ff}}.KanjiCard{background:#fff;border-radius:20px;color:#000;margin:1rem auto auto;padding:.5rem;max-width:100vw;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.KanjiCardKanji{font-size:5rem;margin:0}.KanjiCardMeaning{margin:0}.refreshRandom{background-color:#bf1919;border:3px solid #bf1919;border-radius:25px;color:#fff;cursor:pointer;font-size:2rem;margin:0 auto;max-width:100vw}.KanjiMiniCard,.refreshRandom{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.KanjiMiniCard{background:#fff;border-radius:20px;color:#000;display:inline-block;margin:1rem .5rem 0;padding:.5rem;text-align:left}.KanjiCardHeader{text-align:center}.KanjiMiniCardKanji{font-size:3rem;margin:0}.Hiragana,.Katakana{display:flex;flex-flow:row wrap}.KanaMiniCard{background:#fff;flex:1 1 16%}.emptyCard,.KanaMiniCard{border-radius:20px;color:#000;margin:1rem 1% 0;padding:.5rem;text-align:center}.emptyCard{background:hsla(0,0%,100%,0);flex:0 0 16%}.KanaMiniCardKana,.KanaMiniCardRomaji{font-size:3.5vw;margin:0;padding:0}@media screen and (max-width:798px) and (min-width:600px){.KanaMiniCard{flex:1 1 14%}}@media screen and (max-width:599px){.KanaMiniCard{flex:1 1 12%}}.GenkiBar{background:#3614b1;border:0 solid;border-radius:0 0 25px 25px;margin:auto;position:relative;width:50vw;z-index:1}.GenkiLinksItem{display:inline-block;list-style-type:none;text-decoration:none}.GenkiItem{font-size:1rem;margin-left:2rem;-webkit-animation:adminitemRev .5s forwards;animation:adminitemRev .5s forwards}.GenkiItem:hover{-webkit-animation:adminitem .5s forwards;animation:adminitem .5s forwards}@-webkit-keyframes adminitem{0%{background:#3f3d3d;border-radius:12px}to{background:#476098;border-radius:12px}}@keyframes adminitem{0%{background:#3f3d3d;border-radius:12px}to{background:#476098;border-radius:12px}}@-webkit-keyframes adminitemRev{0%{background:#476098;border-radius:12px}to{background:#5b5959;border-radius:12px}}@keyframes adminitemRev{0%{background:#476098;border-radius:12px}to{background:#5b5959;border-radius:12px}}.GenkiChapter{overflow-x:hidden}.table{border-collapse:collapse;font-size:1.5rem;width:90%}.table,th{margin:auto}th{position:relative}.vocabRow:nth-of-type(2n){background-color:#3614b1}.vocabRow:nth-of-type(2n-1){background-color:#5b46a5}.GenkiVocabTable{margin-bottom:5rem}td{padding:.5rem 0}.vocabRow:hover{-webkit-animation:glowVocabHover .5s forwards;animation:glowVocabHover .5s forwards}@-webkit-keyframes glowVocabHover{to{background-color:#7e6ac4}}@keyframes glowVocabHover{to{background-color:#7e6ac4}}.kanjiRowKanji{font-size:3rem}.kanjiRow:nth-of-type(2n){background-color:#121113}.kanjiRow:nth-of-type(2n-1){background-color:#231f32}.kanjiRow:hover{-webkit-animation:glowKanjiHover .5s forwards;animation:glowKanjiHover .5s forwards}@-webkit-keyframes glowKanjiHover{to{background-color:#2d2a2d}}@keyframes glowKanjiHover{to{background-color:#2d2a2d}}.vocabKanjiHead{background-color:#231f32}.vocabKanjiRow{background-color:#0c071d}.vocabKanjiInput{border:0;border-radius:25px;font-family:"Noto Sans JP",sans-serif;font-size:1.5rem;text-align:center;width:90%}.kanjiKanjiInput{font-size:5rem;width:8rem}.submitVocabKanji{border:0;border-radius:25px;background-color:#0e74e1;color:#fff;cursor:pointer;font-family:"Noto Sans JP",sans-serif;font-size:1.5rem}.submitVocabKanji:hover{-webkit-animation:submitVocabKanjiHover .5s forwards;animation:submitVocabKanjiHover .5s forwards}@-webkit-keyframes submitVocabKanjiHover{to{background-color:#3091f9}}@keyframes submitVocabKanjiHover{to{background-color:#3091f9}}.submitAll{border:0;border-radius:0 0 25px 25px;background-color:#a20ee1;color:#fff;cursor:pointer;font-family:"Noto Sans JP",sans-serif;font-size:2rem;width:90%}.submitAll:hover{-webkit-animation:submitAllHover .5s forwards;animation:submitAllHover .5s forwards}@-webkit-keyframes submitAllHover{to{background-color:#c743ff}}@keyframes submitAllHover{to{background-color:#c743ff}}
/*# sourceMappingURL=main.838ba022.chunk.css.map */