body{font-family:Muli,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Header{border-bottom:.5px solid rgba(108,91,122,.5)}.Header .logo{width:60%}.Header .navbar-collapse{margin-top:3%}.Header .navbar-toggler{padding:0;color:#6c5b7a}.Header .nav-link{font-weight:600}.Header button:hover{color:#f67280}@media only screen and (min-width:575px){.Header{border:none}.Header .LinkWithIcon .icon{display:none}.Header .logo{width:100%}.Header .navbar-collapse{margin-top:0}}.LinkWithIcon .icon{display:flex;justify-content:center;align-items:center}.LinkWithIcon{display:grid;grid-template-columns:10% 10% 80%;width:60%;padding:5px 15px 5px 0}.LinkWithIcon span{grid-column-start:3}@media only screen and (min-width:992px){.LinkWithIcon{grid-template-columns:25% 70%;width:100%}.LinkWithIcon span{grid-column-start:2}}.Nav{flex-direction:column}@media only screen and (min-width:992px) and (min-height:600px){.Nav .LinkWithIcon{margin-left:10%}}.Auth .Login{display:flex;justify-content:center;align-items:center}.Auth{width:100%;height:100vh}.Auth h5{margin-bottom:20px}.Auth .Login{padding:10% 5%;flex-direction:column}.Auth button{width:100%;height:50px;border-radius:50px;margin-top:20px}.Auth .button-login{background:#35477d}.Auth .button-register{border:2px solid #f67280;color:#f67280}.Auth .button-submit{width:60%;background:#f67280}.Auth .AuthInput{width:100%}@media only screen and (min-width:480px){.Auth .button-submit,.Auth button{width:160px}}@media only screen and (min-width:600px){.Auth button{width:160px}}@media only screen and (min-width:768px){.Auth .AuthInput{width:60%}.Auth .RegisterPopup .AuthInput{width:100%}}@media only screen and (min-width:1200px) and (min-height:768px){.Auth{background:url(/static/media/loginBg.08f94299.svg) no-repeat;background-position:100%;background-size:auto 100%}.Auth .Login{display:block;width:50%;padding:15% 0 0 5%;text-align:left!important}.Auth .Login button{margin-top:50px;margin-right:20px}}.AuthInput .input-icon{display:flex;justify-content:center;align-items:center}.AuthInput{margin-bottom:20px}.AuthInput .input{display:grid;grid-template-columns:15% 85%;border:2px solid #35477d;height:60px;color:#35477d}.AuthInput .input input{padding-right:5%}.AuthInput .error{color:red;text-align:right;margin-top:10px}.MainHome h4{margin-bottom:10px}.DeckButton{height:120px;background:-webkit-gradient(linear,left top,right top,from(#35477d),to(#f67280));background:-webkit-linear-gradient(left,#35477d,#f67280);background:linear-gradient(90deg,#35477d,#f67280);box-shadow:0 6px 6px rgba(0,0,0,.16);border-radius:20px;width:45%;margin-bottom:30px;color:#fff;font-size:18px;font-weight:600}.DeckButton-blank,.DeckButton-card{background:inherit;box-shadow:none}.DeckButton-card{border:1px solid #35477d;color:#35477d;font-size:16px;font-weight:400}.DeckButton .icon-switch{position:absolute;right:6%;bottom:10%}.decks{display:flex;flex-wrap:wrap;justify-content:space-between}@media only screen and (min-width:600px){.DeckButton{width:30%}}.AddDeckPopup .popup input{border:1px solid #6c5b7a;height:60px;padding:20px;margin-bottom:50px}.AddDeckPopup .popup p{font-size:24px;font-weight:700;color:#f67280}.AddDeckPopup .popup button{width:160px;height:50px;border-radius:30px;background:#35477d}.MainDecks .fa-arrow-left{display:block}.MainDecks .fa-arrow-left:hover{color:#f67280}@media only screen and (min-width:992px) and (min-height:600px){.MainDecks .fa-arrow-left{display:none}}.DeckNav .LinkWithIcon .icon{justify-content:flex-start}.CardButton-back,.CardButton-front{display:flex;justify-content:center;align-items:center}.CardButton{height:120px;width:45%;margin-bottom:30px;position:relative}.CardButton-inner{width:100%;height:100%;-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.CardButton-flipped .CardButton-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.CardButton-back,.CardButton-front{border-radius:20px;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.CardButton-front{border:1px solid #35477d;color:#35477d}.CardButton-back{border:1px solid #f67280;color:#f67280;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.CardButton-blank{background:inherit;box-shadow:none}.CardButton .icon-flip{position:absolute;right:6%;bottom:10%}.cards{display:flex;flex-wrap:wrap;justify-content:space-between}@media only screen and (min-width:600px){.CardButton{width:30%}}.DeckEdit #icon-add{display:flex;justify-content:center;align-items:center}.DeckEdit h6{position:-webkit-sticky;position:sticky;top:0;font-weight:bolder;margin-bottom:5%;font-size:120%;color:#35477d}.DeckEdit .cards-edit{padding-top:1%;position:absolute;width:90%;height:70%;overflow-y:auto;overflow-x:hidden}.DeckEdit .cards-edit #card-description{display:none}.DeckEdit .cards-edit .card-edit{margin:0 2% 5% 1%;box-shadow:2px 3px 7px rgba(0,0,0,.16);display:flex;flex-direction:column;justify-content:space-between;padding:5%}.DeckEdit .cards-edit .card-edit input[name=key]{color:#35477d;margin-bottom:10px}.DeckEdit .cards-edit .card-edit input[name=value]{margin-top:10px;color:#f67280}.DeckEdit .cards-edit .card-edit .input-value{display:flex;flex-direction:column;width:100%}.DeckEdit .cards-edit .card-edit .input-value input{width:100%}.DeckEdit .cards-edit .card-edit .input-value span{color:#f67280}.DeckEdit .cards-edit span{align-self:flex-end}.DeckEdit .buttons{position:absolute;bottom:8%;right:5%}.DeckEdit .buttons button{border-radius:50px;width:100px;height:40px}.DeckEdit .buttons .button-cancel{background:#f67280;margin-right:5px}.DeckEdit .buttons .button-done{background:#35477d}.DeckEdit .button-delete{position:absolute;bottom:1%;right:5%}.DeckEdit #icon-add{border:1px solid #35477d;width:45%;padding:10px}@media only screen and (min-height:768px){.DeckEdit .cards-edit{height:80%}}@media only screen and (min-width:600px){.DeckEdit .cards-edit #card-description{display:flex}.DeckEdit .cards-edit #card-description input{font-weight:bolder;font-size:110%;height:auto;padding:0}.DeckEdit .cards-edit #card-description input[name=front]{color:#35477d}.DeckEdit .cards-edit #card-description input[name=back]{color:#f67280}.DeckEdit .cards-edit .card-edit{box-shadow:none;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-bottom:3%;padding:0}.DeckEdit .cards-edit .card-edit .horizontal-line{display:none}.DeckEdit .cards-edit .card-edit input{width:45%;padding-left:8px;height:70px}.DeckEdit .cards-edit .card-edit input[name=key]{margin:0;border:1px solid #35477d}.DeckEdit .cards-edit .card-edit input[name=value]{margin:0;border:1px solid #f67280}.DeckEdit .cards-edit .card-edit .input-value{width:45%}}@media only screen and (min-width:992px){.DeckEdit .buttons{bottom:0}.DeckEdit .button-delete{position:absolute;bottom:1%;left:8%}}.DeckDetail .DeckNav,.DeckDetail .name,.popup{display:flex;align-items:center}.DeckDetail .link{display:none}.DeckDetail .name{margin:5% 0 2% 5%;font-size:150%}.DeckDetail .name input{max-width:30%;font-weight:bolder;color:#f67280}.DeckDetail .DeckNav{display:flex;justify-content:space-between;box-shadow:0 7px 15px rgba(0,0,0,.16);height:60px}.DeckDetail .DeckNav p{margin-left:5%;color:#f67280}.DeckDetail .DeckNav .links{display:flex}.DeckDetail .DeckNav .links .LinkWithIcon span{display:none}@media only screen and (min-width:992px) and (min-height:600px){.DeckDetail .name{display:none}.DeckDetail .link{display:block;margin:0 0 3% 5%;font-size:150%;color:#bf6c83}.DeckDetail .DeckNav{display:block;height:60%;position:fixed;padding-left:5%;width:25%;box-shadow:none;border-right:1px solid #6c5b7a}.DeckDetail .DeckNav p{display:none}.DeckDetail .DeckNav .links{display:flex;flex-direction:column}.DeckDetail .DeckNav .links .LinkWithIcon span{display:block}}.DeckTest .CardButton{width:60%}@media only screen and (min-width:575px){.DeckTest .CardButton{width:40%}}@media only screen and (min-width:992px){.DeckTest .CardButton{width:60%;height:220px}}.x-centered{display:flex;justify-content:center}.xy-centered,.y-centered{display:flex;align-items:center}.xy-centered{justify-content:center}button{border:none;background:transparent;color:#fff}button:focus{outline:0}a,input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;resize:none;border:none;background:inherit}a{color:#35477d;font-weight:700}a:hover{text-decoration:none}.a-active,a:hover{color:#f67280}.vertical-line{border-left:1px solid #6c5b7a;min-height:75vh}.horizontal-line{border-bottom:1px solid rgba(108,91,122,.5);width:100%}button,h1,h2,h3,h4,h5,h6,label,p,textarea{margin:0;padding:0}.popup{display:flex;align-items:center;z-index:1;position:fixed;background:#fff;overflow-y:scroll;padding:5%;top:5%;right:10%;bottom:auto;left:10%;flex-direction:column;box-shadow:0 10px 10px rgba(0,0,0,.16)}.popup-container{position:fixed;background:rgba(108,91,122,.5);top:0;right:0;bottom:0;left:0}@media only screen and (max-height:600px){.popup{bottom:5%}}@media only screen and (min-width:768px) and (min-height:600px){.popup{top:10%;left:20%;right:20%}}@media only screen and (min-width:1200px){.popup{left:30%;right:30%}}.App{color:#35477d}.App .Header{width:100%;padding:5%;background:#fff}.App .aside{display:none}.App .main{position:absolute;height:60%;width:100%;padding:0 5%;overflow-y:auto;overflow-x:hidden;margin-top:15px}@media only screen and (min-width:992px){.App .aside{display:flex;position:fixed;padding-left:5%;width:25%;min-height:60%;border-right:1px solid #6c5b7a}.App .main{width:70%;left:25%;margin:0}.App .Header #Setting{display:none}}
/*# sourceMappingURL=main.86d9bb23.chunk.css.map */