#root{max-width:1280px;margin:0 auto;text-align:center;background-color:#7ebbf1}.todo-header{background:#9d9d9d;background:linear-gradient(180deg,#9d9d9d 100%,#00d4ff);height:200px}.todo-card{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:10px;padding:10px;border:1px solid #ddd;border-radius:5px;height:150px;position:relative;background:#95f798;background:linear-gradient(180deg,#95f798 100%,#00d4ff)}.btn{margin:0 5px}.btn-warning{background-color:#ffc107}.btn-primary{background-color:#007bff}.btn-danger{background-color:#dc3545}.todo-input input{margin-bottom:10px;padding:8px;background-color:#b6edc0}.todo-list{display:grid;grid-template-columns:repeat(3,400px);justify-content:space-between;grid-gap:1px 15px}.filter{display:flex;flex-direction:row;justify-content:space-between;margin:50px 100px}.todo-input{display:flex;flex-direction:row;gap:100px;justify-content:center}.todo-detail{display:flex;flex-direction:column;align-items:start;margin-left:5px}