*{margin:0;padding:0;box-sizing:border-box}body,html{background:-webkit-gradient(linear,left top,right top,from(#69b7eb),color-stop(#b3dbd3),to(#f4d6db));background:linear-gradient(90deg,#69b7eb,#b3dbd3,#f4d6db);font-size:1.1rem;font-family:Quicksand,sans-serif;height:100%}.Todo{display:flex;margin:0 -3rem 4px;padding:1.1rem 3rem;height:77px;justify-content:space-between;align-items:center;background:hsla(0,0%,100%,.2);overflow:hidden;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.Todo,.Todo-task{position:relative}.Todo-task{-webkit-transition:opacity .4s linear;transition:opacity .4s linear}.Todo.completed{-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;-webkit-transition-delay:.2s;transition-delay:.2s;opacity:.5}.Todo-task.completed{opacity:.6}.Todo-task.completed:before{content:"";position:absolute;top:50%;left:-.5rem;display:block;width:0;height:2px;background:#fff;-webkit-animation:strikeitem .3s ease-in 0s forwards;animation:strikeitem .3s ease-in 0s forwards}@-webkit-keyframes strikeitem{to{width:calc(100% + 1rem)}}@keyframes strikeitem{to{width:calc(100% + 1rem)}}.Todo-buttons{flex-shrink:0;padding-left:.7em;margin-left:auto}.Todo-buttons button{border:none;font-size:1em;margin:.4em;background:none;-webkit-appearance:none;cursor:pointer;color:#fff}.Todo-edit-form{display:flex;flex-wrap:wrap}.Todo-edit-form label{min-width:100%;margin-bottom:.5rem;font-size:1.3rem}.Todo-edit-form input{flex-grow:1;border:none;background:#f7f1f1;padding:0 1.5em;font-size:medium}.Todo-edit-form button{padding:0 1.3rem;border:none;background:#f66;color:#fff;text-transform:uppercase;font-weight:700;border:1px solid hsla(0,0%,100%,.3);margin-left:5px;cursor:pointer;-webkit-transition:background .2s ease-out;transition:background .2s ease-out}.Todo-edit-form button:hover{background:#ff5e5e}.Todo-edit-form button,.Todo-edit-form input{font-family:Quicksand,sans-serif;height:3rem}.NewTodoForm{margin-top:3rem;display:flex;flex-wrap:wrap}.NewTodoForm label{min-width:100%;margin-bottom:.5rem;font-size:1.3rem}.NewTodoForm input{flex-grow:1;border:none;background:#f7f1f1;padding:0 1.5em;font-size:medium;outline:none}.NewTodoForm button{padding:0 1.3rem;border:none;background:hsla(0,0%,100%,.2);color:#fff;text-transform:uppercase;font-weight:700;border:1px solid hsla(0,0%,100%,.3);margin-left:5px;cursor:pointer;-webkit-transition:background .2s ease-out;transition:background .2s ease-out;outline:none}.NewTodoForm button:hover{background:rgba(0,0,0,.1)}.NewTodoForm button,.NewTodoForm input{font-family:Quicksand,sans-serif;height:3rem}.TodoList{margin:4rem auto;padding:2rem 3rem 3rem;max-width:600px;background:#f66;color:#fff;box-shadow:-20px -20px 0 0 hsla(0,0%,39.2%,.1);overflow:hidden}.TodoList ul{margin-top:2.6rem;list-style:none}.TodoList h1{font-weight:400;font-size:2.6rem;letter-spacing:.05em;border-bottom:1px solid hsla(0,0%,100%,.3)}.TodoList h1 span{display:block;font-size:.8rem;margin-bottom:.7rem;margin-left:3px;margin-top:.2rem}.todo-enter{opacity:0}.todo-enter-active{opacity:1;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.todo-exit{opacity:1}.todo-exit-active{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.Todo .Todo-buttons i{display:inline-block}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.514fbe82.chunk.css.map */