.EditTask{position:relative;display:flex;align-items:center;height:65px;border-bottom:1px solid rgba(30,28,44,.6);opacity:0;-webkit-animation:fadeIn .3s ease .1s forwards;animation:fadeIn .3s ease .1s forwards}.EditTask:last-child{border-bottom:none}.EditTask input{width:100%;font-size:1.05rem;font-family:inherit;padding:1rem 1.25rem;letter-spacing:-.5px;border-radius:5px;background:#f0f0f0;border:1px solid #d3d3d3}.EditTask button{display:flex;align-items:center;justify-content:center;position:absolute;right:.65rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:"Spartan",sans-serif;border:none;background:#58bb58;color:#fff;width:22px;height:22px;font-size:.8rem;border-radius:50%;cursor:pointer}@media (max-width:550px){.EditTask{height:55px}.EditTask input{font-size:.95rem}}.Task{display:flex;align-items:center;letter-spacing:-.5px;border-bottom:1px solid rgba(30,28,44,.6);height:65px;list-style:none;cursor:pointer;opacity:0;-webkit-animation:fadeIn .3s ease .1s forwards;animation:fadeIn .3s ease .1s forwards}.Task:last-child{border-bottom:none}.Task-icon{display:inline-block;width:2.5rem}.Task-text{font-size:1.05rem;margin-top:.3em;position:relative;transition:opacity .3s ease;line-height:1.4}.Task-text:after{content:"";position:absolute;border-radius:5px;left:-2.5%;top:calc(50% - 1px);width:105%;height:1.5px;background:#1e1c2c;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;transform-origin:left center;transition:transform .3s ease}.completed .Task-text{opacity:.55}.completed .Task-text:after{-webkit-transform:scale(1);transform:scale(1)}.Task-buttons{display:flex;margin-left:auto}.Task-delete,.Task-edit{opacity:0;transition:opacity .4s;padding:.5rem}.Task-edit{color:#1e1c2c}.Task-delete{color:#b31f1f}.Task:hover .Task-delete,.Task:hover .Task-edit{opacity:1}@media (max-width:550px){.Task{height:55px}.Task-icon{width:1.75rem}.Task-text{font-size:.95rem;line-height:1.4}.Task-delete,.Task-edit{opacity:.8;font-size:.9rem}}.NewTaskForm{margin-top:.75rem;margin-bottom:-.5rem;opacity:0;-webkit-animation:fadeIn .2s ease .1s forwards;animation:fadeIn .2s ease .1s forwards}.NewTaskForm input{width:100%;font-size:1.05rem;font-family:inherit;padding:1rem 1.25rem;letter-spacing:-.5px;border-radius:5px;background:#f0f0f0;border:1px solid #d3d3d3}.NewTaskForm-buttons{display:flex;align-items:center;justify-content:center}.NewTaskForm-buttons button{cursor:pointer;font-family:inherit;margin:1.25rem .35rem 0;padding:.8em 1.2em .6em;border:none;border-radius:50px;transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease;color:#fff}.NewTaskForm-create{background:#58bb58}.NewTaskForm-cancel{background:#c93e3e}.NewTaskForm-cancel:hover,.NewTaskForm-create:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media (max-width:550px){.NewTaskForm input{font-size:.95rem}}.TasksList{position:relative;background:#fff;width:550px;max-width:100%;padding:2rem 2rem 2.5rem;border-radius:6px;box-shadow:4px 4px 10px rgba(0,0,0,.15);-webkit-animation:appear .5s ease .25s forwards;animation:appear .5s ease .25s forwards;opacity:0}.TasksList-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1rem}.TasksList-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0;margin-bottom:.25rem}.TasksList-empty p{font-size:1.15rem;text-align:center;margin-bottom:1rem}.TasksList-empty p:last-child{margin-bottom:0}.TasksList-buttons{display:flex;justify-content:center;position:absolute;left:50%;bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);width:100%}.TasksList-buttons button{position:relative;cursor:pointer;width:45px;height:45px;border-radius:50%;font-size:1.25rem;box-shadow:4px 4px 10px rgba(0,0,0,.15);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;border:none;margin:0 .5rem}.TasksList-buttons button:hover{-webkit-transform:scale(1.075);transform:scale(1.075)}.TasksList-add-new{background:#58bb58;color:#fff}.TasksList-clear{background:#c93e3e;color:#fff}.TasksList .tooltip{position:absolute;font-family:"Spartan",sans-serif;font-weight:400;top:105%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:.4em .5em;line-height:1.35;width:200px;font-size:.8rem;pointer-events:none;opacity:0;transition:opacity .3s ease}.TasksList-buttons button:hover .tooltip{opacity:1;transition-delay:.2s}@media (max-width:550px){.TasksList{padding:2rem 1.5rem 2.5rem}.TasksList-title{font-size:1.25rem}.TasksList-empty p{font-size:1rem}.TasksList-buttons button:hover .tooltip{opacity:0}}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes appear{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.App{min-height:100vh;background:#2f2e3d;display:flex;align-items:flex-start;justify-content:center;padding:4rem 1.5rem 5.5rem}@media (max-width:550px){.App{padding:1.25rem 1.25rem 5.5rem}}*{margin:0;padding:0;box-sizing:border-box}body,button,html,input{font-family:"Lato",sans-serif;font-weight:400}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.e1a10a0f.chunk.css.map */