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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.connection_fail{align-items:center;background-color:#202020;color:red;display:flex;font-size:30px;height:100svh;justify-content:center;width:100vw}@media (max-width:480px){.App{background-color:#202020;height:100svh;width:100svw}.select_level{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.select_level button{background-color:#303030;border:2px solid silver;border-radius:10px;color:#fff;font-size:20px;height:9svh;margin:15px 0;width:280px}.select_part{height:100%;width:100%}.select_part .header{display:flex;flex-direction:row;height:9svh;width:100%}.select_part .header img{height:6svh;margin:auto 1svh;width:6svh}.select_part .header .level{font-size:24px;padding-left:3svh;width:calc(100vw - 19svh)}.select_part .header .level,.select_part .header .restudy{color:#fff;display:flex;flex-direction:column;justify-content:center}.select_part .header .restudy{font-size:18px;font-weight:bolder;margin:auto 1svh;width:9svh}.select_part .body{align-items:center;display:flex;flex-direction:column;height:91svh;justify-content:center;width:100%}.select_part button{background-color:#303030;border:2px solid silver;border-radius:10px;color:#fff;font-size:20px;height:9svh;margin-bottom:5svh;width:280px}.study .header{display:flex;flex-direction:row;height:9svh;width:100%}.study .header .back{height:6svh;margin:auto 1svh;width:6svh}.study .header .reset{height:4svh;margin:auto 2svh;width:4svh}.study .header div{color:#fff;font-size:22px;justify-content:center;width:calc(100vw - 16svh)}.study .body,.study .header div{display:flex;flex-direction:column}.study .body{align-items:center;width:100%}.study .body .info{align-items:center;color:silver;display:flex;flex-direction:row;font-size:18px;height:40px;justify-content:center;margin-top:70px;width:200px}.study .body .info img{height:25px;margin-right:9px;width:25px}.study .body .word{align-items:center;color:#fff;display:flex;flex-direction:column;height:calc(81svh - 230px);justify-content:center;width:100%}.study .body .yomikata{font-size:26px;margin:0 5px}.study .body .kanji{font-size:36px;margin:30px 5px}.study .body .imi{font-size:22px;margin:0 5px}.study .body button{background-color:#404040;border:2px solid silver;border-radius:10px;color:#fff;font-size:18px;font-weight:bolder;height:60px;margin-bottom:10px;margin-top:50px;width:86vw}.study .footer{align-items:center;display:flex;flex-direction:row;height:10svh;justify-content:center;width:100%}.study .footer button{background-color:#404040;border:2px solid silver;border-radius:10px;color:#fff;font-size:22px;height:6.5svh;width:23vw}.study .footer div{color:#fff;font-size:22px;width:40vw}.wordInfo{background-color:#303030;color:#fff;height:100svh;position:absolute;top:0;width:100vw}.wordInfo .word{font-size:30px;height:40px;margin-bottom:40px;margin-top:20px;text-align:center}.wordInfo .info{font-size:16px;height:calc(100svh - 190px);padding:10px;text-align:center}.wordInfo button{background-color:#202020;border:2px solid #fff;border-radius:10px;color:#fff;font-size:20px;height:50px;margin-bottom:20px;width:120px}}@media (min-width:481px){.App{background-color:#202020;height:100svh;width:100svw}.select_level{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.select_level button{background-color:#303030;border:2px solid silver;border-radius:10px;color:#fff;font-size:30px;height:90px;margin:25px 0;width:500px}.select_part{height:100%;width:100%}.select_part .header{display:flex;flex-direction:row;height:9svh;width:100%}.select_part .header img{height:6svh;margin:auto 1svh;width:6svh}.select_part .header .level{font-size:32px;padding-left:3svh;width:calc(100vw - 19svh)}.select_part .header .level,.select_part .header .restudy{color:#fff;display:flex;flex-direction:column;justify-content:center}.select_part .header .restudy{font-size:26px;font-weight:bolder;margin:auto 1svh;width:9svh}.select_part .body{align-items:center;display:flex;flex-direction:column;height:91svh;justify-content:center;width:100%}.select_part button{background-color:#303030;border:2px solid silver;border-radius:10px;color:#fff;font-size:28px;height:9svh;margin-bottom:5svh;width:500px}.study .header{display:flex;flex-direction:row;height:9svh;width:100%}.study .header .back{height:6svh;margin:auto 1svh;width:6svh}.study .header .reset{height:4svh;margin:auto 2svh;width:4svh}.study .header div{color:#fff;font-size:32px;justify-content:center;width:calc(100vw - 16svh)}.study .body,.study .header div{display:flex;flex-direction:column}.study .body{align-items:center;width:100%}.study .body .info{align-items:center;color:silver;display:flex;flex-direction:row;font-size:24px;height:50px;justify-content:center;margin-top:90px;width:320px}.study .body .info img{height:36px;margin-right:12px;width:36px}.study .body .word{align-items:center;color:#fff;display:flex;flex-direction:column;height:calc(73svh - 245px);justify-content:center;width:100%}.study .body .yomikata{font-size:36px;margin:0 8px}.study .body .kanji{font-size:50px;margin:30px 8px}.study .body .imi{font-size:32px;margin:0 8px}.study .body button{background-color:#606060;border:2px solid silver;border-radius:15px;color:#fff;font-size:26px;font-weight:bolder;height:8svh;margin-bottom:30px;margin-top:60px;width:86vw}.study .footer{align-items:center;display:flex;flex-direction:row;height:10svh;justify-content:center;width:100%}.study .footer button{background-color:#404040;border:2px solid grey;border-radius:15px;color:#fff;font-size:32px;height:6.5svh;width:23vw}.study .footer div{color:#fff;font-size:36px;width:40vw}.wordInfo{background-color:#303030;color:#fff;height:100svh;position:absolute;top:0;width:100vw}.wordInfo .word{font-size:50px;height:60px;margin-bottom:50px;margin-top:30px;text-align:center}.wordInfo .info{font-size:24px;height:calc(100svh - 250px);padding:10px;text-align:center}.wordInfo button{background-color:#202020;border:2px solid #fff;border-radius:15px;color:#fff;font-size:25px;height:70px;margin-bottom:20px;width:140px}}
/*# sourceMappingURL=main.b5c12244.css.map*/