@import url(https://fonts.googleapis.com/css?family=Freckle+Face);@import url(https://fonts.googleapis.com/css?family=Ubuntu);header{margin:0;text-align:center}.logo{font-size:15px;text-shadow:0 0 3px #969696;color:#e6e6e6}.viva a{margin:0;font-family:Freckle Face,cursive;font-size:3em;text-shadow:2px 2px 0 #00a654;color:#b8202d;-webkit-text-stroke:.5px #fff;text-decoration:none;-webkit-transition:color 2s,text-shadow 2s;transition:color 2s,text-shadow 2s}.viva a:hover{text-shadow:5px 5px 0 #b8202d;color:#00a654;-webkit-transition:text-shadow 2s,color 2s;transition:text-shadow 2s,color 2s}nav span{width:50%;display:inline-block}nav{background:-webkit-linear-gradient(left,#d11602,#fcfcfc 50%,#025e17);background:linear-gradient(90deg,#d11602,#fcfcfc 50%,#025e17);margin:auto;padding:10px;box-shadow:0 2px 10px rgba(27,27,27,.75)}nav a{text-decoration:none;text-shadow:0 0 5px #fff;color:#000;font-size:1.3em}header h1{margin:0}#welcomeUser{text-align:left;width:90%;color:#fff}@media screen and (max-width:500px){.viva{font-size:.9em}#welcomeUser{text-shadow:1px 1px 5px #000;text-align:center}}.registration-form{text-align:center;border-radius:10px;width:40%;padding:25px;background:-webkit-linear-gradient(left,rgba(209,22,2,.35),hsla(0,0%,98.8%,.35) 50%,rgba(2,94,23,.35));background:linear-gradient(90deg,rgba(209,22,2,.35),hsla(0,0%,98.8%,.35) 50%,rgba(2,94,23,.35));box-shadow:0 0 10px 1px rgba(27,27,27,.75);margin:10px auto auto}.registration-form>div{margin:20px}.registration-form input{display:block;margin:10px auto auto;width:200px;border:none;height:25px;font-size:15px;padding:4px;border-radius:2px}.registration-footer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.registration-footer button{-webkit-transition:all 1s cubic-bezier(.39,.5,.15,1.36);transition:all 1s cubic-bezier(.39,.5,.15,1.36);display:block;border:none;margin:20px auto;width:200px;height:50px;border-radius:4px;color:#000;box-shadow:inset 0 0 0 2px rgba(0,0,0,.459);background:none;font-family:inherit;font-size:18px;font-weight:700}.registration-footer button:hover{color:hsla(0,0%,100%,.85);box-shadow:inset 0 0 0 40px rgba(0,0,0,.459);cursor:pointer}@media screen and (max-width:500px){.registration-form{width:80%}.registration-form input{width:100%}}.LoginForm{text-align:center;border-radius:10px;width:40%;padding:25px;background:-webkit-linear-gradient(left,rgba(209,22,2,.35),hsla(0,0%,98.8%,.35) 50%,rgba(2,94,23,.35));background:linear-gradient(90deg,rgba(209,22,2,.35),hsla(0,0%,98.8%,.35) 50%,rgba(2,94,23,.35));box-shadow:0 0 10px 1px rgba(27,27,27,.75);margin:10px auto auto}.LoginForm>div{margin:20px}.LoginForm input{display:block;margin:10px auto auto;width:200px;border:none;height:25px;font-size:15px;padding:4px;border-radius:2px}.LoginForm button{-webkit-transition:all 1s cubic-bezier(.39,.5,.15,1.36);transition:all 1s cubic-bezier(.39,.5,.15,1.36);display:block;border:none;margin:20px auto;width:200px;height:50px;border-radius:4px;color:#000;box-shadow:inset 0 0 0 2px rgba(0,0,0,.459);background:none;font-family:inherit;font-size:18px;font-weight:700}.LoginForm button:hover{color:hsla(0,0%,100%,.85);box-shadow:inset 0 0 0 40px rgba(0,0,0,.459);cursor:pointer}@media screen and (max-width:500px){.LoginForm{width:80%}.LoginForm input{width:100%}}.langContainer{background:-webkit-linear-gradient(left,rgba(209,22,2,.35),hsla(0,0%,98.8%,.35) 36%,hsla(0,0%,98.8%,.35) 62%,rgba(2,94,23,.35));background:linear-gradient(90deg,rgba(209,22,2,.35),hsla(0,0%,98.8%,.35) 36%,hsla(0,0%,98.8%,.35) 62%,rgba(2,94,23,.35));padding:25px;border-radius:15px;box-shadow:0 0 10px 1px rgba(0,0,0,.87);width:60%;text-align:center;margin:10px auto 0}ul{margin:0 auto;padding:0}.word{width:33%;text-align:left}.Word-list{width:100%}.incorrect{color:red}.correct,.incorrect{width:33%;text-align:left}.correct{color:green}li{list-style-type:none;border-radius:2px;padding:1px 1px 1px 15px;background:hsla(0,0%,100%,.38);display:-webkit-inline-flex;display:inline-flex;width:90%;-webkit-justify-content:space-around;justify-content:space-around;margin-bottom:10px}li h4{text-align:left;display:inline-block;margin:0}li span{margin-right:10%}.total{margin:10px}.start-practicing{-webkit-transition:all 1s cubic-bezier(.39,.5,.15,1.36);transition:all 1s cubic-bezier(.39,.5,.15,1.36);display:block;border:none;margin:20px auto;width:250px;border-radius:4px;height:50px;color:#000;box-shadow:inset 0 0 0 2px rgba(0,0,0,.459);background:none;font-family:inherit;font-size:18px;font-weight:700}a .start-practicing:hover{color:hsla(0,0%,100%,.85);box-shadow:inset 0 0 0 40px rgba(0,0,0,.459);cursor:pointer}@media screen and (max-width:500px){.langContainer{width:95%;padding-bottom:5px;margin-bottom:10px}ul,ul li{width:100%}ul li{padding:5px}li h4{margin-top:25%}.start-practicing{width:100%}}.wordContainer{text-align:center;border-radius:10px;width:40%;padding:25px;background:-webkit-linear-gradient(left,rgba(209,22,2,.35),hsla(0,0%,98.8%,.35) 50%,rgba(2,94,23,.35));background:linear-gradient(90deg,rgba(209,22,2,.35),hsla(0,0%,98.8%,.35) 50%,rgba(2,94,23,.35));box-shadow:0 0 10px 1px rgba(27,27,27,.75);margin:10px auto auto}.wordContainer h2{margin-bottom:10px}#translateWord{font-size:250%;font-weight:bolder}.main-form{width:60%;margin:10px auto 0}#learn-guess-input{margin-top:6%}.main-form button{-webkit-transition:all 1s cubic-bezier(.39,.5,.15,1.36);transition:all 1s cubic-bezier(.39,.5,.15,1.36);display:block;border:none;margin:20px auto;width:200px;border-radius:4px;height:50px;color:#000;box-shadow:inset 0 0 0 2px rgba(0,0,0,.459);background:none;font-family:inherit;font-size:18px;font-weight:700}a button{text-decoration:none}.main-form button:hover{color:hsla(0,0%,100%,.85);box-shadow:inset 0 0 0 40px rgba(0,0,0,.459);cursor:pointer}.main-form input{margin:10px auto auto;width:200px;border:none;height:25px;font-size:15px;padding:4px;border-radius:2px}@media screen and (max-width:500px){.wordContainer{width:80%}.main-form button,.main-form input{width:100%}.main-form{width:80%}}.feedbackContainer{text-align:center;border-radius:10px;width:40%;padding:25px;background:-webkit-linear-gradient(left,rgba(209,22,2,.35),hsla(0,0%,98.8%,.35) 50%,rgba(2,94,23,.35));background:linear-gradient(90deg,rgba(209,22,2,.35),hsla(0,0%,98.8%,.35) 50%,rgba(2,94,23,.35));box-shadow:0 0 10px 1px rgba(27,27,27,.75);margin:10px auto auto}.feedbackContainer button{-webkit-transition:all 1s cubic-bezier(.39,.5,.15,1.36);transition:all 1s cubic-bezier(.39,.5,.15,1.36);display:block;border:none;margin:20px auto;width:200px;border-radius:4px;height:50px;color:#000;box-shadow:inset 0 0 0 2px rgba(0,0,0,.459);background:none;font-family:inherit;font-size:18px;font-weight:700}a{text-decoration:none}.feedbackContainer button:hover{color:hsla(0,0%,100%,.85);box-shadow:inset 0 0 0 40px rgba(0,0,0,.459);cursor:pointer}@media screen and (max-width:500px){.feedbackContainer{width:80%}.feedbackContainer input{width:100%}}html:after{background-image:url(/static/media/pepper-hot-solid.2062c12d.svg);background-color:grey;background-size:100px;height:100vh;position:fixed;opacity:.1;padding:0;top:0;left:0;bottom:0;right:0;z-index:-1;content:""}html{overflow:auto}input{box-shadow:1px 1px 4px #000}.registration-page h2{text-align:center}.registration-page p{text-align:center;font-style:italic;margin:5px}.login-page h2{text-align:center}*{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.334145a7.chunk.css.map */