@media screen and (min-width:500px){.TodoWrapper{max-width:32em}}@media screen and (max-width:500px){.TodoWrapper{max-width:90vw}}.TodoWrapper{height:90vh;overflow:hidden;margin:0 auto}.TodoWrapper-2{box-sizing:content-box;text-align:center;border-radius:4px;height:100%;width:100%;overflow:auto;padding-right:20px}.Todo{border:1px solid grey;padding:0 1em}.Todo>.todoList>li{position:relative}.Todo>.todoList>li:nth-child(odd){background:rgba(52,52,52,.65)}.Todo>.todoList>li:nth-child(2n){background:rgba(52,52,52,.25)}.exit{font-size:.5em}.exit svg{margin:0 0 0 1em;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);transition:all .6s ease-in-out;cursor:pointer}.exit svg:hover{-webkit-transform:rotate(180deg) scale(1.4);-ms-transform:rotate(180deg) scale(1.4);transform:rotate(180deg) scale(1.4)}.line{position:absolute;left:9%;top:50%;border-bottom:2px solid rgba(52,52,52,.7);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-animation:line .3s ease-in forwards;animation:line .3s ease-in forwards;z-index:999}@-webkit-keyframes line{0%{min-width:0}to{min-width:82%}}@keyframes line{0%{min-width:0}to{min-width:82%}}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}dl,ol,ul{list-style:none}a{color:inherit}.TodoInput{width:100%;line-height:1.8;margin-bottom:1em;font-size:16px;padding:.2em}.inputWrapper{position:relative}.inputWrapper svg{position:absolute;right:0;top:5px;cursor:pointer}.TodoItem{padding:.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.TodoItem>.title{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:.5em;text-shadow:0 0 10px #000}.TodoItem input[type=checkbox]{min-height:1em;min-width:1em}.iconDelete{cursor:pointer}.TodoItem span:hover{transition:all .3s linear;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.dateHeader{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.date,.dateHeader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.date h1{margin-right:.3em}@-webkit-keyframes shake{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}10%,30%,50%,70%,90%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}20%,40%,60%,80%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}}@keyframes shake{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}10%,30%,50%,70%,90%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}20%,40%,60%,80%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}}.UserDialog-Wrapper{position:fixed;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(/project-react-1/hello/build/static/media/signInsignOut.84a1a04c.jpg);background-size:100% 100%}.UserDialog{border-radius:4px;min-width:23em;background:linear-gradient(0deg,rgba(52,52,52,.8),rgba(52,52,52,.4),#ccc);border:1px solid #aaa;box-shadow:0 0 1em rgba(0,0,0,.35)}.UserDialog .signInOrSignUp label{color:#fff}.UserDialog .signInOrSignUp>nav:first-child{padding:1em;margin-left:-2em}.UserDialog .signInOrSignUp>nav:first-child label{margin-left:2em;cursor:pointer}.UserDialog .signInOrSignUp>.panes{padding:0 1em 1em}.UserDialog .forgotPassword>h3{padding:1em}.UserDialog .forgotPassword>form{padding:0 1em 1em}.UserDialog form>.row{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.3em 0}.UserDialog form>.row>label:first-child{width:5em}.UserDialog form>.row.actions{padding-left:5em}.row button{margin:0 auto}.forgotPassword a,.signIn a{color:#fff;text-decoration:none}.forgotPassword a{margin-left:8px}.forgotPassword a:hover,.signIn a:hover{color:#000}.forgotPassword h3{-webkit-animation:signUp 2s infinite ease-out;animation:signUp 2s infinite ease-out}.signIn h2{margin-bottom:8px;-webkit-animation:signIn 4s infinite ease-out;animation:signIn 4s infinite ease-out}.signUp h3{margin-bottom:8px;-webkit-animation:signUp 2s infinite ease-out;animation:signUp 2s infinite ease-out;color:rgba(52,52,52,.8)}@-webkit-keyframes signIn{0%{color:#ccc;-webkit-transform:scale(.8);transform:scale(.8)}50%{color:rgba(52,52,52,.8);-webkit-transform:scale(1.2);transform:scale(1.2)}to{color:#ccc;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes signIn{0%{color:#ccc;-webkit-transform:scale(.8);transform:scale(.8)}50%{color:rgba(52,52,52,.8);-webkit-transform:scale(1.2);transform:scale(1.2)}to{color:#ccc;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes signUp{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:scale(1);transform:scale(1)}}@keyframes signUp{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:scale(1);transform:scale(1)}}body{background-image:url(/project-react-1/hello/build/static/media/todo.51ac121c.jpg);background-size:cover;height:100vh}
/*# sourceMappingURL=main.544db721.css.map*/