@import url(https://fonts.googleapis.com/css?family=Ubuntu);#title{color:#fff;font-size:1.5rem;position:absolute;left:10px;top:5px}nav.nav_links{height:5vh;position:absolute;right:5px;top:5px;font-size:1.1em}nav.nav_links,nav.nav_links .link{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}nav.nav_links .link{color:#fff;border-left:.5px solid #000;padding:10px}nav.nav_links .link:hover{cursor:pointer;color:#000;background-color:#d7d9d7}a{text-decoration:none}#user-name{font-size:1.1em;color:#fff;text-align:center;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:760px){#user-name{display:none}nav.nav_links .link{font-size:.7em}}.RegistForm{border:1px solid #000;padding:60px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;border-radius:10px;text-align:end;background-color:#fff;box-shadow:5px 5px 3px grey;margin:10vh auto auto;font-size:1.1rem}@media only screen and (max-width:760px){.RegistForm{padding:40px}}.regist-title{font-size:1.3em}.regist-desc,.regist-title{color:#000;text-align:center}.regist-desc{font-size:1.2em}section .demo-btn a{color:#fff}section .demo-btn{color:#fff;margin:50px auto auto;cursor:pointer;background-color:#3cbd00;text-decoration:none;font-size:16px;padding:14px 12px 10px;width:100px;height:100px;border-radius:50px;position:absolute;left:0;right:0;opacity:.8;-webkit-transition:all .5s;transition:all .5s}section .demo-btn:hover{opacity:1}.LoginForm{border:1px solid #000;padding:60px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;border-radius:10px;text-align:end;background-color:#fff;box-shadow:5px 5px 3px grey;margin:10vh auto auto;font-size:1.2rem}.sign-up-in-btn{padding:6px;border-radius:5px;font-size:large;margin-top:7px}.sign-up-in-btn:hover{cursor:pointer;background-color:green;color:#fff}@media only screen and (max-width:760px){.LoginForm{padding:40px}}.login-title{text-align:center;color:#000;margin-top:50px;font-size:2em}li{list-style:none}.word-card{background-color:#fffaf0;margin:10px;height:auto;width:225px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;border:1px solid #8ba0ac;border-radius:8px;padding:12px;box-shadow:10px 10px 6px -1px #8ba0ac;-webkit-transition:all 1s ease;transition:all 1s ease}.word-card:hover{-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer}.word-card p{color:#000;text-decoration:none}.word-card h4{margin-top:3px;text-align:center;color:#9a132f;font-size:1.5em}.word-card-large .icon-container{float:right}.word-card-large{position:relative;background-color:#fffaf0;margin:auto;height:auto;min-height:50%;min-width:400px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:1px solid #8ba0ac;border-radius:8px;padding:10px 20px;box-shadow:10px 10px 6px -1px #8ba0ac}.word-card-large .original{border-bottom:1px ridge grey;text-align:center;color:#9a132f;padding-bottom:1.3em;font-size:2.5em}.word-card-large .translation{border-top:1px ridge grey;padding-top:1.3em;text-align:center;color:#000;font-size:2.5em}.word-card-large p{color:#000;font-size:1.2em}.word-card-large .corr-count{position:absolute;bottom:5px;right:15px}.word-card-large .incorr-count{position:absolute;bottom:5px}button.icon-btn-pen{background-color:none;border:none}button.icon-btn-pen:hover{cursor:pointer}button.icon-btn-trash{position:absolute;left:0;border:none}button.icon-btn-trash:hover{cursor:pointer}@media only screen and (max-width:375px){.word-card{width:90vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto auto 15px;padding:10px}.word-card-large{position:relative;background-color:#fffaf0;height:auto;min-height:50%;min-width:90vw;margin:50px auto auto}}.Tooltip{position:relative;cursor:pointer}.Tooltip-content{color:#0003a8}.Tooltip-message{background-color:rgba(26,26,26,.9);border-radius:3px;color:#fff;left:4vw;margin-bottom:5px;margin-left:-8vw;min-width:160px;padding:7px 10px;position:absolute;text-align:center;top:calc(-1.2em - 14px);white-space:nowrap}.Tooltip-message:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(51,51,51,.9);content:" ";font-size:0;left:6vw;line-height:0;margin-left:-5px;position:absolute;top:32px;width:0}.Tooltip-message{opacity:0;pointer-events:none;visibility:hidden}.Tooltip:hover>.Tooltip-message{opacity:1;visibility:visible}.DashboardPage{height:100%;width:auto;display:grid;grid-auto-rows:auto;grid-template-columns:repeat(6,1fr);grid-column-gap:10px;grid-row-gap:10px}.NameContainer{grid-area:1/1/2/3;font-size:1.5em;color:#000;margin:auto;height:inherit;width:100%;border-bottom:1px solid grey;border-right:1px solid grey;display:inline-grid}.NameContainer h2.lang-name{text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}.ScoreContainer{display:inline-grid;font-size:1.2em;grid-area:1/3/2/5;width:100%;border-bottom:1px solid grey;border-right:1px solid grey;margin:auto;height:inherit;text-align:center;padding:.8em}h3.total-score{font-size:1.2em;text-decoration:underline}h2.score-num{font-size:2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto}.StartBtnContainer{grid-area:1/5/1/7;width:100%;height:inherit;margin:auto;text-align:center;border-bottom:1px solid grey}button.start-pract-btn p{color:#fff;font-size:1.3rem;text-decoration:none}button.start-pract-btn{height:100px;width:100px;box-shadow:0 20px 50px rgba(59,43,91,.7);border-radius:50%;margin:auto;background-color:#1f8d1f;-webkit-transition:all 2s ease-in-out;transition:all 2s ease-in-out}button.start-pract-btn:hover{background-color:#1fb81f;-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer}button.add-word-btn{background-color:#ff0;text-align:center}ul.word-list{width:95%}@media only screen and (max-width:375px){.start-pract-btn{color:#fff}.DashboardPage{display:block;overflow:scroll;width:100vw;min-height:100vh;max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content}.NameContainer{padding:20px;margin:20px auto auto}.NameContainer,.ScoreContainer{display:block;width:90vw;border-right:none}.ScoreContainer{font-size:1.1em;word-wrap:break-word;padding:10px;margin:auto}.StartBtnContainer{width:100vw;position:fixed;bottom:0;border-right:none}.StartBtnContainer,button.start-pract-btn{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}button.start-pract-btn{width:100%;padding:7px;border-radius:0}.ListContainer{overflow-y:scroll}.ListContainer,ul.word-list{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100vw}ul.word-list{margin:auto auto 75px;padding:0;overflow:auto}}.question-card{height:50vw;width:50vw}.score-form{margin-top:50px}.feedback-message{font-size:2rem;text-align:center}.DisplayFeedback{text-align:center;height:auto;width:100%}.DisplayScore{top:10px}.DisplayScore,.DisplayWordData{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:absolute}.DisplayWordData{text-align:left;font-size:1.2em;bottom:8px}.DisplayForm{width:100%;position:absolute;top:40px;text-align:center}.total-score-quest-fb{font-size:1.2em}.WordData.green{color:green}.WordData.red{color:red}.NextWordBtn{text-align:center;float:right;width:100px;word-wrap:break-word;height:100px;border-radius:8px}.NextWordBtn:hover{cursor:pointer;background-color:green;color:#fff}.quest-text{margin-bottom:20px;display:block;font-size:2rem;text-align:center}.NextWordBtn{position:absolute;bottom:20px;right:20px}@media only screen and (max-width:375px){input#learn-guess-input{min-width:50vw;margin-bottom:20px;font-size:1.5rem}#quest-word{font-size:1.5rem;margin-bottom:25px}div.DisplayFeedback{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:.8em}.question-card{width:95vw;padding:10px;height:70vh;margin-top:2vh}.quest-text{font-size:1.2rem;margin-bottom:10px}Button.guess-submit-btn{width:100vw;padding:10px;border-radius:0;position:fixed;bottom:0;right:0;font-size:1.3em;margin:auto}.DisplayWordData{font-size:.8rem}.total-score-quest-fb{font-size:.9em}.feedback-message{margin-top:70px;font-size:1.1rem;text-align:center}}.AddWord-form{background-color:#fffaf0;position:relative;margin:auto;height:auto;min-height:50vh;min-width:500px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:1px solid #8ba0ac;border-radius:8px;padding:10px 20px;box-shadow:10px 10px 6px -1px #8ba0ac}.AddWord-form label{display:block;text-align:center;font-size:16px;padding-bottom:8px}.AddWord-form input{margin:auto;font-size:14px;padding:8px;width:300px}input #original-word-input{border-bottom:1px solid grey}.field-original,.field-translation{text-align:center;margin:75px auto}.field-original{padding-bottom:50px;border-bottom:1px solid grey}.field-translation{border-top:1px solid grey;padding-top:50px}.AddWord-form>.buttons{margin-top:26px}.AddWord-form button{position:absolute;bottom:5px;right:5px;background-color:green;border-radius:4px;border:0;color:#fff;display:block;font-size:18px;font-weight:700;padding:8px;text-align:center;text-decoration:none}.AddWord-form button[type=submit]:hover{background-color:#0dc016;color:#fff;cursor:pointer}.add-word-msg{text-align:center}.search-btn{position:relative;left:0;bottom:0}.word-card-page{width:95vw;height:95vh;margin:auto}.back-btn{background:none;border:none;position:relative;top:50px}.back-btn:hover{cursor:pointer}@media only screen and (max-width:375px){button.back-btn{top:15px}}.App{height:auto;width:100%}main.App__Main{position:fixed;height:95vh;margin-top:5vh;background-color:snow;overflow-y:auto;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:100%;padding:10px}header.App__Header{position:fixed;top:0;width:100%;height:5vh;z-index:100;background-color:#d9442a;box-shadow:0 3px 15px rgba(0,0,0,.2)}@media only screen and (max-width:375px){main.App__Main{padding:0}}.tutorial-container{border:4px ridge rgba(204,74,51,.849);box-shadow:5px 5px 3px #949494;border-radius:10px;width:500px;margin:100px auto auto;padding:5px 5px 50px}.onboard-header{font-size:1.5em;font-weight:700}.tutorial-pics{position:relative;height:150px}.tutorial-container img{position:absolute;left:0;right:0;margin:auto;width:200px;-webkit-animation:pic-cycle 10s linear infinite;animation:pic-cycle 10s linear infinite;opacity:0}@-webkit-keyframes pic-cycle{0%{opacity:0}4%{opacity:1}16%{opacity:1}20%{opacity:0}to{opacity:0}}@keyframes pic-cycle{0%{opacity:0}4%{opacity:1}16%{opacity:1}20%{opacity:0}to{opacity:0}}.tutorial-container img:first-of-type{-webkit-animation-delay:3s;animation-delay:3s}.tutorial-container img:nth-of-type(2){-webkit-animation-delay:5s;animation-delay:5s}.tutorial-container img:nth-of-type(3){-webkit-animation-delay:8s;animation-delay:8s}.tutorial-container h1{color:#b8341c;text-align:center}.tutorial-container h3{text-align:center;color:#d9442a;font-weight:700;font-size:1.5em;margin-bottom:10px}.tutorial-container p{text-align:justify;margin:25px 35px 40px}.tutorial-container .get-started-btn{margin:5% auto auto;cursor:pointer;background-color:#d9442a;text-decoration:none;font-size:16px;padding:14px 12px 10px;width:100%;border-radius:7px;opacity:.8;-webkit-transition:all .5s;transition:all .5s}.tutorial-container .get-started-btn a{color:#fff}.tutorial-container .get-started-btn:hover{opacity:1}.tutorial-container .demo-btn a{color:#fff}.tutorial-container .demo-btn{color:#fff;margin:10% auto auto;cursor:pointer;background-color:#3cbd00;text-decoration:none;font-size:16px;padding:14px 12px 10px;width:100%;border-radius:7px;opacity:.8;-webkit-transition:all .5s;transition:all .5s}.tutorial-container .demo-btn:hover{opacity:1}@media only screen and (max-width:750px){.tutorial-container{width:80%;margin-top:100px}.title{font-size:1.5em}}.ListContainer{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;grid-area:2/1/7/7;height:auto;width:100%;padding:0}input#learn-guess-input{display:block;margin:auto;text-align:center;height:2.5rem;font-size:2rem;min-width:40%}ul.word-list{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:auto;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:100%;height:auto;padding:0}h3.list-msg{text-align:center;font-size:1.5em;text-decoration:underline}#quest-word{display:inline-block;font-size:2.5rem;color:#9a132f;text-align:center;height:auto;width:100%;margin-top:25px;margin-bottom:50px}.question-card{box-shadow:3px 3px 5px 6px #ccc;position:relative;background-color:#fffaf0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;height:500px;width:500px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:40px;border-radius:8px;margin:9vh auto auto;max-width:750px;max-height:750px}.guess-submit-btn{position:absolute;bottom:20px;right:20px;color:#fff;width:100px;word-wrap:break-word;height:100px;font-size:.9rem;background-color:#1a8000;border-radius:8px}.guess-submit-btn:hover{cursor:pointer}.done-btn,.done-btn a{color:#fff}.done-btn{position:absolute;bottom:20px;right:20px;width:100px;height:100px;font-size:.9rem;background-color:#e91f1f;border-radius:8px}.done-btn:hover{cursor:pointer}@media only screen and (max-width:375px){.ListContainer{overflow-y:scroll}.ListContainer,ul.word-list{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100vw}ul.word-list{margin:auto auto 75px;padding:0;overflow:auto}input#learn-guess-input{min-width:50vw;margin-bottom:20px;font-size:1.5rem}#quest-word{font-size:1.5rem;margin-bottom:25px}.question-card{width:95vw;padding:10px;height:70vh;margin-top:2vh}.quest-text{font-size:1.2rem;margin-bottom:10px}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--font-size:calc(10px + 1vmin)}
/*# sourceMappingURL=main.18e447e8.chunk.css.map */