@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Source+Code+Pro:300&display=swap);body{box-sizing:border-box;margin:0;min-width:100vw;min-height:100vh;font-family:Exo,sans-serif;color:#fff;background:linear-gradient(-45deg,#16003b,#41003b,#23a6d5,#23d5ab);background-size:400% 400%;-webkit-animation:gradientBG 15s ease infinite;animation:gradientBG 15s ease infinite;font-family:Source Code Pro,monospace}@-webkit-keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.appContainer{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.linkButton{background-color:hsla(0,0%,100%,.3);color:#fff;height:50px;width:100px;border:none;border-radius:10px;margin:20vh 2vw 1vh;-webkit-animation:fadeInButton 9s ease;animation:fadeInButton 9s ease;font-family:Source Code Pro,monospace;font-size:20px}@-webkit-keyframes fadeInButton{0%{opacity:0}to{opacity:1}}@keyframes fadeInButton{0%{opacity:0}to{opacity:1}}.title{font-size:60px;margin-top:20vh;-webkit-animation:fadeInTitle 3s ease;animation:fadeInTitle 3s ease}.tagLine{font-size:20px;-webkit-animation:fadeInTag 7s ease;animation:fadeInTag 7s ease}@-webkit-keyframes fadeInTag{0%{opacity:0}to{opacity:1}}@keyframes fadeInTag{0%{opacity:0}to{opacity:1}}.registerLink{color:#fff;opacity:.7;margin-bottom:10vh}@media only screen and (min-width:992px){.linkButton{background-color:hsla(0,0%,100%,0);height:50px;width:100px;border:1px solid #fff;border-radius:10px;margin:6vh 2vw 1vh;font-size:20px}.title{margin-top:30vh}}.loginContainer{position:relative;border:1px solid #fff;border-radius:2vh;-webkit-animation:fadeInTitle .5s ease;animation:fadeInTitle .5s ease;margin:7vh 4vh 0}form{display:flex;flex-direction:column;margin:0 4vh}.loginInput{padding:12px 20px;margin:8px 0;box-sizing:border-box;border:2px solid #fff;border-radius:10px}.loginButton,.loginInput{font-family:Source Code Pro,monospace}.loginButton{font-size:20px;background-color:hsla(0,0%,100%,.3);color:#fff;height:50px;width:100px;border:none;border-radius:10px;margin:3vh auto 5vh}.error{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#ffb62f;font-size:20px}.registerLoginLink{color:#fff;height:23px;width:90px;opacity:.7;margin:0 auto 2vh;font-size:15px;background-color:hsla(0,0%,100%,.3);border-radius:5px}@media only screen and (min-width:992px){.loginContainer{border:none;margin:7vh auto 0;width:30vw}}.navContainerMain{margin-top:10px;min-height:30px;width:100vw;justify-content:space-between}.navContainer,.navContainerMain{display:flex;flex-direction:row-reverse}.navContainer{margin-right:10px}.menuOption{margin:12px 10px 10px 1px;border-radius:100%;height:30px;width:30px;border:1px solid #fff}.popOut{-webkit-animation:fadeIn .5s ease;animation:fadeIn .5s ease}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reframeLogo{margin-left:20px;color:#fff}.Icon{margin:16px 0 0 20px;color:#fff;font-size:25px}.logoNav{height:8px;width:8px;display:inline-block;border:1px solid #fff;border-radius:2px;background-color:hsla(0,0%,100%,.3);margin-right:8px}.menuLogo{color:#fff;margin-top:2px;font-size:20px}@media only screen and (min-width:992px){.menuOption{margin:20px 30px 10px 1px;border-radius:100%;height:40px;width:40px;border:2px solid #fff}.reframeLogo{margin-left:35px;color:#fff}.menuLogo{font-size:29px}}.registerContainer{position:relative;border:1px solid #fff;border-radius:2vh;-webkit-animation:fadeInTitle .5s ease;animation:fadeInTitle .5s ease;margin:7vh 4vh 100px}.registerForm{display:flex;flex-direction:column;margin:0 4vh}.demoButton{background-color:#fff;margin-left:40px;margin-right:40px;margin-top:40px}.registerInput{padding:12px 20px;margin:8px 0;box-sizing:border-box;border:2px solid #fff;border-radius:10px}.registerButton,.registerInput{font-family:Source Code Pro,monospace}.registerButton{font-size:20px;background-color:hsla(0,0%,100%,.3);color:#fff;height:50px;width:100px;border:none;border-radius:10px;margin:4vh auto 5vh}@media only screen and (min-width:992px){.registerContainer{border:none;margin:7vh auto 0;width:30vw}}.exploreContainer{margin:10vh 20px 0;-webkit-animation:fadeInTitle .5s ease;animation:fadeInTitle .5s ease}.exploreButton{color:#fff;background-color:hsla(0,0%,100%,.3);border:none;margin:10px 10px 40px;width:80px;height:30px;font-size:15px;border-radius:10px;font-family:Source Code Pro,monospace}.exploreText{min-height:10vh;width:80vw;border-radius:20px;margin:0 auto 20px;padding:10px}.exploreExplainTitle{text-align:left;margin:0 0 0 20px}.pronounce{margin:0 0 40px}.exploreTitle{margin:10px 0}.exploreLogoIcon{font-size:50px;margin:0 0 60px;border:1px solid #fff;background-color:hsla(0,0%,100%,.3);border-radius:10px}.nounText{margin:30px 0 30px 60px;font-size:15px}.exploreLearnText,.nounText{text-align:left}@media only screen and (min-width:992px){.nounText{text-align:left;margin:30px 0 30px 80px;font-size:25px}}.yourMistakeContainer{min-height:10vh;width:90vw;border-radius:20px;margin:10px auto;border:1px solid #fff;background-color:hsla(0,0%,100%,.2);padding-top:10px;padding-bottom:10px}.boxText{padding:30px 20px 20px}.boxTextTitle{margin:0 auto;font-size:25px}.box{background-color:#fff}.box,.boxChecked{border-radius:7px;height:20px;width:20px;margin:0 20px 0 10px}.boxChecked{background-color:#e0dd04}.plainText{text-align:left!important;margin:0;width:200px}.lineItem{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.commentText{text-align:left!important;padding:0 20px 20px}.buttonContainerMistake{font-family:Source Code Pro,monospace;display:flex;flex-direction:row;justify-content:space-between;margin:5px 10px 0}.openButton{color:#fff;background-color:hsla(0,0%,100%,0);border:none;border-radius:5px}.mainCatch,.mainTitle{margin-bottom:0}.mainCatch{margin-top:0}.reframeMistakes{margin:40px 0}.detailContainer{font-size:15px;display:flex;flex-direction:row;justify-content:space-between;margin:50px 15px 30px;border:1px solid #fff;border-radius:10px;padding:0 10px;background-color:hsla(0,0%,100%,.2)}.shareIcon{font-size:20px}.shareIconMain{font-size:20px;margin:12px 0 0}ul{padding:0;text-align:left!important}.openIcon{height:15px;font-size:20px;padding:0;margin:0}.collapsedTitle{margin-bottom:0}.dataContainerMistake{font-family:Source Code Pro,monospace;display:flex;flex-direction:row;justify-content:space-between;margin:0 20px}.mainIcon{font-size:40px}@media only screen and (min-width:992px){.yourMistakeContainer{min-height:10vh;width:30vw;margin-top:20px;margin-bottom:20px;margin-left:20px}}.mistakeNumber{display:inline-block;width:25px;font-family:Times New Roman,Times,serif;font-weight:700;font-size:20px;border-radius:100%}.mistakeNumber,.sortButton{background-color:hsla(0,0%,100%,.3)}.sortButton{width:80px;color:#fff;font-family:Source Code Pro,monospace;font-size:15px;border:none;border-radius:10px;margin:0 5px}.sortBy{display:inline-block}.userHomeContainer{-webkit-animation:fadeInTitle 2s ease;animation:fadeInTitle 2s ease}.averageContainer{margin:0 20px;padding:0 10px;font-size:20px}.averageBadIcon{font-size:175px!important;margin:0}@media only screen and (min-width:992px){.userHomeContainer{display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;width:85vw}.headContainer{position:fixed}.mistakeMap{margin:80px 0 0 45vw}}.mistakeoneContainer{margin:15vh 0 0;-webkit-animation:fadeInTitle 2s ease;animation:fadeInTitle 2s ease}@-webkit-keyframes fadeInTitle{0%{opacity:0}to{opacity:1}}@keyframes fadeInTitle{0%{opacity:0}to{opacity:1}}.mistakeButton{font-size:20px;background-color:hsla(0,0%,100%,.2);color:#fff;height:100px;border:none;width:100px;border-radius:100%;margin:6vh 3vh 5vh;font-family:Source Code Pro,monospace}.mistakeoneTitle{padding:10px}.mistakeTwoContainer{min-height:60vh;min-width:50vh;border-radius:20px;margin:10px 20px;border:1px solid #fff;background-color:hsla(0,0%,100%,.2);padding-top:10px;padding-bottom:10px;-webkit-animation:fadeInTitle 2s ease;animation:fadeInTitle 2s ease}.mistaketwoForm{display:flex;flex-direction:column;justify-content:center;align-content:center;padding-left:20px;padding-right:20px}.buttonMistakeTwoContainer{padding-bottom:20px}.imgButton{height:30px;width:100px;font-size:12px;margin:5px 10px;border-radius:8px;color:#fff;background-color:hsla(0,0%,100%,.3);border:none}.mistakeTwoInput{padding:12px 20px;margin:10px 0;box-sizing:border-box;border:2px solid #fff;border-radius:10px;font-family:Source Code Pro,monospace}.mistakeTwoLabel{text-align:left;font-size:15px}.shareContainer{display:block;position:relative;padding-left:0;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.shareContainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.shareCheckmark{position:absolute;top:0;left:0;height:25px;width:25px;border-radius:5px;background-color:#eee}.shareContainer:hover input~.shareCheckmark{background-color:#ccc}.shareContainer input:checked~.shareCheckmark{background-color:red}.shareCheckmark:after{content:"";position:absolute;display:none}.shareContainer input:checked~.shareCheckmark:after{display:block}.shareContainer .shareCheckmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mistakeTwoButton{color:#fff;background-color:hsla(0,0%,100%,.3);border:none;margin:10px auto;width:50px;height:30px;font-size:15px;border-radius:10px;font-family:Source Code Pro,monospace}.howBadText{padding:0 20px}@media only screen and (min-width:992px){.mistakeTwoContainer{min-height:60vh;width:30vw;margin:10px auto 100px;padding-top:10px;padding-bottom:10px}}.mistakeThreeContainer{min-height:60vh;min-width:50vh;border-radius:20px;margin:10px 20px 40px;border:1px solid #fff;background-color:hsla(0,0%,100%,.2);padding-top:10px;padding-bottom:10px;-webkit-animation:fadeInTitle 2s ease;animation:fadeInTitle 2s ease}.mistakethreeForm{display:flex;flex-direction:column;justify-content:center;align-content:center;padding-left:20px;padding-right:20px}.mistakeThreeInput{padding:12px 20px;margin:10px 0;box-sizing:border-box;border:2px solid #fff;border-radius:10px;font-family:Source Code Pro,monospace}.mistakeThreeLabel{font-size:15px;text-align:left}.mistakeThreeButton{color:#fff;background-color:hsla(0,0%,100%,.3);border:none;margin:10px auto;width:50px;height:30px;font-size:15px;border-radius:10px;font-family:Source Code Pro,monospace}.mistakeThreeTag{font-size:15px;padding:0 10px 30px}@media only screen and (min-width:992px){.mistakeThreeContainer{min-height:60vh;width:30vw;margin:10px auto 100px;padding-top:10px;padding-bottom:10px}}.planContainer{min-height:60vh;min-width:50vh;border-radius:20px;margin:10px 20px 40px;border:1px solid #fff;background-color:hsla(0,0%,100%,.2);padding-top:10px;padding-bottom:10px;-webkit-animation:fadeInTitle 2s ease;animation:fadeInTitle 2s ease}.planForm{display:flex;flex-direction:column;justify-content:center;align-content:center;padding-left:20px;padding-right:20px}.planInput{padding:12px 20px;margin:10px 0;box-sizing:border-box;border:2px solid #fff;border-radius:10px;font-family:Source Code Pro,monospace}.planLabel{font-size:15px;text-align:left}.planButton{color:#fff;background-color:hsla(0,0%,100%,.3);border:none;margin:10px auto;width:80px;height:30px;font-size:15px;border-radius:10px;font-family:Source Code Pro,monospace}@media only screen and (min-width:992px){.planContainer{min-height:60vh;width:30vw;margin:10px auto 100px;padding-top:10px;padding-bottom:10px}}.mistakeBox{min-height:10vh;width:90vw;border-radius:20px;margin:10px auto;border:1px solid #fff;background-color:hsla(0,0%,100%,.2);padding-top:10px;padding-bottom:10px}.boxTextFeed{padding:0 20px}.boxTitleFeed{display:flex;flex-direction:row;justify-content:space-between;margin:0 20px}.boxComment{min-width:60vw;padding:12px 20px;margin:8px 0;box-sizing:border-box;border:2px solid #fff;border-radius:10px;font-family:Source Code Pro,monospace}.commentLabel{text-align:left;font-size:15px}.boxCommentButton{color:#fff;height:43px;width:50px;background-color:hsla(0,0%,100%,.2);border-radius:10px;border:none;margin-left:5px}@media only screen and (min-width:992px){.mistakeBox{width:50vw;margin:20px auto}.boxComment{min-width:35vw;padding:12px 20px;margin:8px 0;box-sizing:border-box;border:2px solid #fff;border-radius:10px;font-family:Source Code Pro,monospace}}.feedContainer{-webkit-animation:fadeInTitle 2s ease;animation:fadeInTitle 2s ease}@media only screen and (min-width:992px){.sortContainerFeed{font-size:25px}}
/*# sourceMappingURL=main.7a2386a8.chunk.css.map */