body,button{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}header,div,ul,li,form,input,h1,h2,h3,h4{box-sizing:border-box;margin:0;padding:0}.add_todo_form{padding:1%;margin:1rem auto 0;inline-size:100%;background-color:transparent;display:flex;font-size:1.2rem;color:#817b7b;border:1px solid #d3c9c9}.add_todo_form__item{display:flex;list-style-type:none}.add_todo_form__text{border:1px solid red;padding:0 1rem;background-color:transparent;border:none;font-size:1.2rem}.add_todo_form__text:focus-visible{outline:none}.add_todo_form__text::placeholder{color:#d4cdcd;font-style:italic}.todos{font-size:2.5rem;color:#ded4d4}.clear{font-size:.8rem;color:#9b9292;background-color:transparent;border:none}.left_items{color:#9b9292;font-size:.8rem;text-align:start}.todoTabs-button{font-size:.8rem;color:#9b9292;background-color:transparent;border:none}.todoTabs-button__active{border:1px solid #9b9494}.todo_stats{margin:auto;border:1px solid #d3c9c9;inline-size:100%;display:flex;justify-content:space-between;align-items:center}.todo_item{margin:auto;padding:1%;inline-size:100%;list-style-type:none;font-size:1.2rem;color:#817b7b;border:1px solid #d3c9c9}.todo_item__label{display:flex;align-items:center;column-gap:1rem}.todo_item__isDone{text-decoration:line-through;color:#d3cfcf}.todo_item_buttons{align-self:flex-end}.todo_item_delete_button{justify-self:end;background-color:transparent;color:#817b7b;border:1px dashed #808080;cursor:pointer}.todo_item_delete_button:hover{color:red}.todo_item_edit_button{margin-inline-end:.5rem}#root{max-inline-size:500px;background-color:#f0e7e7;margin:0 auto;padding:2rem;text-align:center}.content{background-color:#fff}