:root{--bg-color-backup:#020024;--bg-color-gradient:linear-gradient(90deg,#020024,#400979 35%,#cf00ff);--primary-color:#1cca3f;--button-hover-clr:#169d31;--task-bg-color:hsla(0,0%,100%,0.3);--primary-text:#fff}*,:after,:before{margin:0;padding:0;box-sizing:border-box}#root{overflow:hidden;padding-bottom:3rem;min-height:100%;position:relative}html{background:#020024;background:var(--bg-color-backup);background:linear-gradient(90deg,#020024,#400979 35%,#cf00ff);background:var(--bg-color-gradient);height:100vh}body,html{font-size:1.1rem;font-family:"Quicksand",sans-serif;height:100%}.Todo{display:flex;margin:0 -3rem 4px;padding:1.1rem 3rem;justify-content:space-between;align-items:center;background:var(--task-bg-color)}.Todo>.actions{flex-shrink:0;padding-left:.7em}.Todo span{position:relative;transition:opacity .2s linear}.Todo.done span{opacity:.6}.Todo.done span:before{content:"";position:absolute;top:50%;left:-.5rem;display:block;width:0;height:1px;background:#fff;animation:strikeitem .3s ease-out 0s forwards}@keyframes strikeitem{to{width:calc(100% + 1rem)}}.fas{cursor:pointer;color:var(--primary-text)}.fa-trash-alt{padding-left:.5em}.EditTodoForm{margin:1rem 0;display:flex;flex-wrap:wrap}.EditTodoForm label{min-width:100%;margin-bottom:.5rem;font-size:1.3rem}.EditTodoForm input{flex-grow:1;border:none;background:#f7f1f1;padding:0 1.5em;font-size:medium}.EditTodoForm button{padding:0 1.3rem;border:none;background:var(--primary-color);color:var(--primary-text);text-transform:uppercase;font-weight:700;border:1px solid hsla(0,0%,100%,.3);margin-left:5px;cursor:pointer;transition:background .2s ease-out}.EditTodoForm button:hover{background:var(--button-hover-clr)}.EditTodoForm button,.EditTodoForm 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}.NewTodoForm button{padding:0 1.3rem;border:none;background:var(--primary-color);color:var(--primary-text);text-transform:uppercase;font-weight:700;border:1px solid hsla(0,0%,100%,.3);margin-left:5px;cursor:pointer;transition:background .2s ease-out}.NewTodoForm button:hover{background:var(--button-hover-clr)}.NewTodoForm button,.NewTodoForm input{font-family:"Quicksand",sans-serif;height:3rem}.TodoList{margin:4rem auto;padding:2rem 3rem 3rem;max-width:500px;background:var(--primary-color);color:var(--primary-text);box-shadow:-20px -20px 0 0 rgba(54,98,63,.64)}.TodoList h1{font-weight:400;font-size:2.6rem;letter-spacing:.05em;border-bottom:1px solid hsla(0,0%,100%,.3)}.TodoList ul{margin-top:2.6rem;list-style:none}.Footer{display:block}.Footer,.Footer-content{padding:20px;height:3rem;width:100%}.Footer-content{background-color:var(--bg-color-backup);color:var(--primary-text);text-align:center;position:absolute;left:0;bottom:0}.Footer-content a{color:var(--primary-color);text-decoration:none}.Footer-content a:visited{color:var(--button-hover-clr)}.App{height:100%}
/*# sourceMappingURL=main.58a7f483.chunk.css.map */