.navbar{color:#fff;background-color:#242424;justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.logo{font-size:24px;font-weight:700}.nav-links{gap:20px;list-style-type:none;display:flex}.nav-links a{color:#fff;font-weight:500;text-decoration:none}.nav-links a:hover{color:#0ff}.container{background-color:#fff;border-radius:10px;max-width:400px;margin:50px auto;padding:30px;box-shadow:0 4px 12px #0003}label{color:#555;margin:8px;font-weight:600;display:block}h1{text-align:center;color:#333;margin-bottom:20px}input,textarea{width:95%;font-size:border-box;border:1px solid #ccc;margin-bottom:6px;padding:10px}button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:12px;font-size:16px}button:hover{background-color:#00f}.task-list{gap:10px;margin:20px;padding:0;list-style:none;display:grid;grid-template-columns:40px 50px 1fr 2fr 200px!important}.list-header{background-color:#f0f0f0;border:1px solid #ccc;padding:10px;font-weight:700}.list-item{background-color:#f0f0f0;border:1px solid #ccc;padding:10px}.delete-item{color:#fff;cursor:pointer;background-color:red;border:none;border-radius:6px;width:40%;padding:6px;font-size:16px}.delete-item:hover{background-color:#ac0909}.update-task{color:#fff;cursor:pointer;background-color:#006400;border:none;border-radius:6px;width:40%;margin:5px;padding:8px;font-size:16px;text-decoration:none}.update-task:hover{color:#000;background-color:#90ee90}.delete-multiple-button{color:#fff;cursor:pointer;background-color:red;border:none;border-radius:6px;width:10%;padding:10px;font-size:16px}.delete-multiple-button:hover{background-color:#ac0909}