@import url(https://fonts.googleapis.com/css?family=Ubuntu);.app-header{display:flex;position:sticky;position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;top:0;height:100px;justify-content:space-between;padding:10px 15px;text-transform:uppercase;letter-spacing:-.025em;align-items:center;background:-webkit-gradient(linear,left top,left bottom,from(#fa2c2c),color-stop(#6f6de8),color-stop(#5faa5f),to(#fff));background:linear-gradient(180deg,#fa2c2c,#6f6de8,#5faa5f,#fff);margin-bottom:15px;color:#fff}@media (min-width:768px){.app-header{padding:10px 25px}};.logged-in-controls,.login-controls{flex:40% 1;text-align:right}.header-link:first-child,.header-link:last-child{padding:7px;text-align:center}.header-link:last-child{border:1px solid #000;color:#000;border-radius:7px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:0;margin-left:auto}@media (min-width:768px){.header-link:last-of-type{margin-left:15px}}.header-user-name,.login,.logout,.register{display:block}@media (min-width:768px){.header-user-name,.login,.logout,.register{font-size:1.25em}}.header-logo{font-size:1rem;flex:20% 1;letter-spacing:1px}@media (min-width:768px){.header-logo{font-size:1.5rem}}.form{margin-bottom:20px;width:100%;position:relative}@media (min-width:414px){.form{width:60%}}.RegistrationForm__btn{width:100%;color:#fff!important;text-transform:uppercase;text-decoration:none;background:rgba(52,52,126,.726);padding:10px;border-radius:50px;display:inline-block;border:none;text-align:center;margin:20px auto;align-items:center}.RegistrationForm__btn,.RegistrationForm__btn:hover{-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s}.RegistrationForm__btn:hover{text-shadow:0 0 6px #fff;-webkit-box-shadow:0 5px 40px -10px rgba(0,0,0,.57);-moz-box-shadow:0 5px 40px -10px rgba(0,0,0,.57)}.RegistrationRoute__body{height:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column;font-family:sans-serif}.RegistrationRoute__h3{max-width:80%;padding:10px;text-align:center;margin:0;border-radius:7px;text-shadow:0 0 6px #fff;-webkit-box-shadow:0 5px 40px -10px rgba(0,0,0,.57);-moz-box-shadow:0 5px 40px -10px rgba(0,0,0,.57);-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s}.RegistrationRoute__image{width:50%;border-radius:5% 5% 50% 50%;margin:10px}.RegistrationRoute__h2{margin-bottom:0;text-transform:uppercase}.LoginForm{margin:20px;width:100%;position:relative}@media (min-width:414px){.LoginForm{width:60%}}.form-section{width:100%;position:relative;height:50px}.input{color:grey;padding-top:10px;font-size:20px;border:none;text-align:center;outline:none}.input,.label-name{width:100%;height:100%}.label-name{position:absolute;bottom:0;left:0;pointer-events:none;border-bottom:2px solid #f08080}.label-name:after{content:"";position:absolute;left:0;bottom:-2px;height:100%;width:100%;border-bottom:4px solid #87ceeb;-webkit-transform:translateY(-3%);transform:translateY(-3%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.content-name{position:absolute;bottom:5px;left:0;right:0;-webkit-transition:all .3s ease;transition:all .3s ease}.input:focus+.label-name .content-name,.input:valid+.label-name .content-name{-webkit-transform:translateY(-150%);transform:translateY(-150%);font-size:14px;color:#87ceeb}.input:focus+.label-name:after,.input:valid+.label-name:after{-webkit-transform:translateX(0);transform:translateX(0)}.form-btn{width:60%;margin-left:auto;margin-right:auto}.form-btn,.LoginForm__btn{text-align:center;align-items:center}.LoginForm__btn{width:100%;color:#fff!important;text-transform:uppercase;text-decoration:none;background:rgba(52,52,126,.74);padding:10px;border-radius:50px;display:inline-block;border:none;margin:20px auto}.LoginForm__btn,.LoginForm__btn:hover{-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s}.LoginForm__btn:hover{text-shadow:0 0 6px #fff;-webkit-box-shadow:0 5px 40px -10px rgba(0,0,0,.57);-moz-box-shadow:0 5px 40px -10px rgba(0,0,0,.57)}.RegistrationForm__footer{text-align:center;font-size:1.5em}.required{color:#fff}@media (min-width:414px){.header-user-name,.login,.logout,.register{display:inline;padding-left:5px}}.LoginRoute__body{height:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column;font-family:sans-serif}.LoginRoute__h3{max-width:80%;text-align:center;border-radius:11px;padding:10px;color:linear-gradient(right,#ff4343,#00f);-webkit-box-shadow:0 5px 40px -10px rgba(0,21,255,.783);-moz-box-shadow:0 5px 40px -10px rgba(22,47,240,.666);-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s}.LoginRoute__h2{text-transform:uppercase}.dashboard{margin:auto;width:95%}@media screen and (min-width:768px){.dashboard{width:75%}}.score{text-align:center;font-size:20px;padding:10px 5px;text-transform:uppercase}@media screen and (min-width:768px){.score{float:left;margin:20px auto}}.dashboard h2{text-align:center;margin:15px auto;text-transform:uppercase;font-size:30px}.bar{height:100px;width:100%;margin:0;padding:0}.bar,.bar button{text-align:center}.bar button{background:-webkit-gradient(linear,right top,left top,from(green),to(#80b380));background:linear-gradient(right,green,#80b380);color:#fff;padding:10px 15px;border:1px solid;text-transform:uppercase;margin:10px auto;border-radius:11px}@media screen and (min-width:768px){.bar button{margin:20px auto;float:right}}.bar button:hover{cursor:pointer;border-radius:11px;padding:10px;color:linear-gradient(right,#ff4343,#00f);text-shadow:0 0 6px #fff;-webkit-box-shadow:0 5px 40px -10px rgba(2,206,9,.783);-moz-box-shadow:0 5px 40px -10px rgba(53,187,8,.666);-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s}.dashboard h3{font-size:24px;text-transform:uppercase}.dashboard h3,ul{margin:15px auto;text-align:center}ul{display:flex;flex-wrap:wrap;background:rgba(109,178,109,.584);padding:5px}ul,ul li{border-radius:7px}ul li{list-style:none;flex:100% 1;margin:2% 5%;line-height:1.75rem;padding:0 0 15px;background-color:rgba(135,197,0,.523)}@media screen and (min-width:768px){ul li{flex:30% 1}}.word-list-item h4{font-weight:700;text-transform:uppercase}.word-list-item h3{font-size:20px;margin:5px auto}.word-list-item p{font-size:16px}.LearningRoute{width:90%;text-align:center;margin:auto}@media screen and (min-width:768px){.LearningRoute{width:75%}}.LearningRoute h2,h3{text-transform:uppercase}.answers-count{width:90%;margin:auto}@media screen and (min-width:768px){.answers-count{display:flex;width:83%}}.count{margin:15px auto;background:-webkit-gradient(linear,right top,left top,from(rgba(135,197,0,.523)));background:linear-gradient(270deg,rgba(135,197,0,.523));border-radius:10px;padding:2%}@media screen and (min-width:768px){.count{margin:15px 2%;flex:46% 1}}.LearningRoute h2,h3{line-height:30px;margin:10px auto}.LearningRoute h2{margin-top:20px}.DisplayScore h2{margin:25px auto;width:90%}.DisplayScore p{width:100%;height:35px;padding-top:5px;margin:0;text-transform:uppercase;top:0}.DisplayFeedback{margin:25px auto;width:90%}.DisplayFeedback p{margin:25px auto}@media screen and (min-width:768px){.DisplayFeedback p{width:75%}}.container{width:90%;margin:auto}@media screen and (min-width:768px){.container{width:80%}}.word-page-body{background:rgba(109,178,109,.584);border-radius:10px;padding:5%;margin-top:2rem}#learn-guess-form{margin:15px auto;background:rgba(135,197,0,.523);border-radius:10px;padding:7%}#learn-guess-form input,label{display:block}#learn-guess-form button{margin:10px auto;border:none;background:rgba(109,178,109,.938);font-weight:100;padding:20px;text-transform:uppercase;border-radius:6px;display:inline-block;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}@media screen and (min-width:768px){#learn-guess-form button{width:60%}}#learn-guess-form button:hover{cursor:pointer;color:#faf8f8!important;font-weight:700!important;letter-spacing:3px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(135,197,0,.523)),to(rgba(119,211,202,.673)));background:linear-gradient(top,rgba(135,197,0,.523),rgba(119,211,202,.673));-webkit-box-shadow:0 5px 40px -10px rgba(0,0,0,.57);-moz-box-shadow:0 5px 40px -10px rgba(0,0,0,.57);-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}#learn-guess-form input{width:90%;margin:15px auto}@media screen and (min-width:768px){#learn-guess-form input{width:60%}}.nextWord__btn{border-radius:7px;background:-webkit-gradient(linear,left top,right top,from(rgba(135,197,0,.523)),to(rgba(77,174,145,.557)))!important;background:linear-gradient(90deg,rgba(135,197,0,.523),rgba(77,174,145,.557))!important;border:none;color:#fff;text-align:center;text-transform:uppercase;font-size:22px;padding:15px 27px 15px 0;-webkit-transition:all .4s;transition:all .4s;cursor:pointer;margin:5px}.nextWord__btn span{cursor:pointer;display:inline-block;position:relative;-webkit-transition:.4s;transition:.4s}.nextWord__btn span:after{content:"\00bb\00bb\00bb";opacity:0;top:0;right:-20px;-webkit-transition:.5s;transition:.5s}.nextWord__btn:hover span{padding-right:25px}.nextWord__btn:hover span:after{opacity:1;right:0}.green{color:green}.red{color:red}.bold{font-weight:700}.alert{color:red;margin:10px auto}*{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)}a{color:inherit;text-decoration:none}
/*# sourceMappingURL=main.6acd15c5.chunk.css.map */