body{font-family:Arial;background-color:#f4f4f4;padding:30px;color:#333;background-image:url(/To_do_management/assets/imagem-todo-CEvfFrJn.png);background-position:center;background-size:cover}.app{max-width:600px;margin:0 auto 300px;background-color:#efefef;padding:20px 30px;border-radius:16px;border:1px solid black}h1{text-align:center;font-size:30px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}h2{margin-bottom:10px}p{margin:10px 0}input{box-sizing:border-box}button{background-color:#5c5f7c;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;opacity:.8;transition:.3 all ease}button:hover{opacity:1}.complete{background-color:#5cb85c;margin-right:5px}.remove{background-color:#cf4141}.desc-button{margin-left:5px}.todo-list{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid black}.todo{background-color:#fff;box-shadow:0 0 10px #0000001a;padding:10px;margin-bottom:10px;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.todo-form{padding-bottom:1.5rem}input,select{padding:5px;margin-bottom:10px;border:1px solid #DDD;border-radius:5px;width:100%}.filter,.search{border-bottom:1px solid black;margin-bottom:20px;padding-bottom:20px}.filter-options{display:flex;align-items:center;justify-content:space-between;gap:3rem}.filter-options div{flex:1 1 0}