*{box-sizing:border-box;margin:0;padding:0}body,html{background:linear-gradient(90deg,#fff,#fff,#a6a6a6);background:linear-gradient(90deg,#a6a6a6,#76b6f7,#0185f1);color:gold;font-family:Quicksand,sans-serif;font-size:1.1rem;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;text-align:center}.Todo{align-items:center;background:hsla(0,0%,100%,.1);display:flex;justify-content:space-between;margin:0 -3rem 4px;padding:1.1rem 3rem}.icon{font-size:1.5rem}.icon:hover{color:#24268d;-webkit-transform:scale(1.5);transform:scale(1.5)}.Todo-ul{align-items:center;display:flex;justify-content:space-between;min-width:400px}.Todo-task{font-weight:700;position:relative;text-transform:uppercase;transition:opacity .4s linear}.Todo-task.completed{opacity:.6}.Todo-task.completed:before{-webkit-animation:strikeitem .5s ease-out 0s forwards;animation:strikeitem .5s ease-out 0s forwards;background:#fff;content:"";display:block;height:2px;left:-.5rem;position:absolute;top:50%;width:0}@-webkit-keyframes strikeitem{to{width:calc(100% + 1rem)}}@keyframes strikeitem{to{width:calc(100% + 1rem)}}.Todo-buttons{flex-shrink:0;margin-left:3em;padding-left:.7em}.Todo-buttons button{background:none;border:none;color:#fff;cursor:pointer;font-size:1em;margin:.4em}.Todo-edit-form{display:flex;flex-wrap:wrap}.Todo-edit-form label{font-size:1.3rem;margin-bottom:.5rem;min-width:100%}.Todo-edit-form input{background:#f7f1f1;border:none;flex-grow:1;font-size:medium;padding:0 1.5em}.Todo-edit-form button{background:linear-gradient(180deg,#76b6f7,#0185f1);border:none;border:1px solid hsla(0,0%,100%,.3);color:#fff;cursor:pointer;font-weight:700;margin-left:5px;padding:0 1.3rem;text-transform:uppercase;transition:background .2s ease-out}.Todo-edit-form button:hover{background:linear-gradient(180deg,#76b6f7,#76a1c5)}.Todo-edit-form button,.Todo-edit-form input{border-radius:10px;font-family:Quicksand,sans-serif;height:3rem}.NewTodoForm{display:flex;flex-wrap:wrap;margin-top:3rem}.NewTodoForm label{font-size:1.3rem;margin-bottom:.5rem;min-width:100%}.NewTodoForm input{background:#f7f1f1;border:none;flex-grow:1;font-size:medium;padding:0 1.5em}.NewTodoForm button{background:linear-gradient(180deg,#76b6f7,#0185f1);border:none;border:1px solid hsla(0,0%,100%,.3);color:#fff;cursor:pointer;font-weight:700;margin-left:5px;padding:0 1.3rem;text-transform:uppercase;transition:background .2s ease-out}.NewTodoForm button:hover{background:linear-gradient(180deg,#76b6f7,#76a1c5)}.NewTodoForm button,.NewTodoForm input{border-radius:10px;font-family:Quicksand,sans-serif;height:3rem}.Todolist{background:#0185f1;border-radius:10px;box-shadow:-20px -20px 0 0 hsla(0,0%,39%,.1);color:#fff;margin:4rem auto 8rem;max-width:500px;padding:2rem 3rem 3rem}.Todolist ul{list-style:none;margin-top:2.6rem}.Todolist h1{border-bottom:1px solid hsla(0,0%,100%,.3);font-size:2.6rem;font-weight:400;letter-spacing:.05em}.Todolist h1 span{display:block;font-size:.8rem;margin-bottom:.7rem;margin-left:3px;margin-top:.2rem}.icon:hover{-webkit-transform:scale(2);transform:scale(2)}
/*# sourceMappingURL=main.194164f1.css.map*/