body{margin:0;padding:0;font-family:"Roboto",sans-serif;text-align:center;background-color:#303030;color:#fff}.form{display:flex;justify-content:center;border:1px solid #404040;border-radius:.3rem}.form,.form-input-field{background-color:#212121;margin:0 .5rem}.form-input-field{flex-grow:1;height:3rem;padding:0 .5rem;font-family:"Roboto";font-size:1.2rem;color:#fff;border:none}.form-input-button:focus,.form-input-field:focus{outline:none}.form-input-button{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;color:#fff;background-color:#212121;border:none;border-radius:50%;cursor:pointer}@media (min-width:768px){.form{margin:0 2.125rem}}@media (min-width:1200px){.form{margin:0 auto;max-width:49.875rem}}.task-wrapper{border:1px solid #404040;border-radius:.3rem;margin:.5rem 0;display:flex;align-items:center;color:#fff;background-color:#212121;font-size:1.2rem}.task-checkbox{margin:1rem}.task-text{flex-grow:1}.task-completed{text-decoration:line-through;font-style:italic;opacity:.4}.task-remove-button{margin:.75rem;padding:0;background-color:transparent;border:none;border-radius:50%;cursor:pointer}.task-remove-icon{color:#fff}.no-tasks{margin:3rem auto;font-size:2rem}.task-list{margin:1rem .5rem;text-align:left}@media (min-width:768px){.task-list{margin:1rem 2.125rem}}@media (min-width:1200px){.task-list{margin:1rem auto;max-width:50rem}}.task-footer{display:flex;flex-flow:column}.remove-completed-button{margin:1rem .5rem .5rem;background-color:#303030;border:1px solid #ccc;border-radius:.3rem}.remove-all-button,.remove-completed-button{display:flex;align-items:center;justify-content:center;height:3rem;font-size:1.125rem;font-family:"Roboto";color:#fff;cursor:pointer}.remove-all-button{margin:.5rem;background-color:#f44336;border:1px solid #f44336;border-radius:.3rem}.disabled{cursor:not-allowed}@media (min-width:768px){.task-footer{margin:0 1.75rem}}@media (min-width:1200px){.task-footer{width:50rem;flex-direction:row;place-content:flex-end;margin:1rem auto}.remove-completed-button{width:12.5rem;margin:0 1rem}.remove-all-button{width:12.5rem;margin:0}}
/*# sourceMappingURL=main.08ec28da.chunk.css.map */