@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*{margin:0}:root{--primary:#2e1f0a;--background:#f2ece3;--surface:#fff8f0;--accent:#7a8c5a;--highlight:#0077b6;--text:#2e1f0a;--muted-text:#9a8570;--border-radius:10px;--font:"Inter", sans-serif}body{font-family:var(--font);background-color:#90e0ef;width:100%;height:100vh}header{color:var(--primary);background-color:#fff;border-bottom:1px solid #eee;flex-direction:column;padding:10px 3px;display:flex}.logo{align-items:center;display:flex}.logo img{width:90px;height:60px}h1{font-family:var(--font)}.container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;width:100%;margin-top:100px;display:flex}.taskContainer{border-radius:var(--border-radius);flex-flow:column wrap;gap:10px;width:500px;height:auto;padding:12px;display:flex;position:relative}.task{border-radius:var(--border-radius);background-color:#fff;flex-direction:column;gap:10px;padding:20px 10px;text-decoration:none;display:flex}input[type=checkbox]:checked{accent-color:#000}.form button{color:#fff;cursor:pointer;background-color:#03045e;border:none;border-radius:10px;width:60px;font-weight:bolder;transition:box-shadow .3s ease-in-out}.form button:hover{box-shadow:5px 5px var(--highlight)}.form,.content{gap:10px;display:flex}.noTask{text-align:center;font-weight:bolder}input[type=text]{border:none;border:1px solid var(--highlight);border-radius:10px;outline:none;width:260px;height:20px;padding:5px 10px}.filter{gap:10px;display:flex}.filter button{cursor:pointer;border:none;border-radius:10px;width:auto;transition:box-shadow .3s ease-in-out}.filter button:hover{box-shadow:5px 5px var(--highlight)}.tosk{color:var(--primary)}.date{color:var(--muted-text)}.Delete-btn{border-radius:var(--border-radius);color:#fff;cursor:pointer;background-color:#03045e;border:none;font-weight:500}.Delete-btn:hover{background-color:#ff4d4d}.all{color:#fff;background-color:#03045e;padding:6px 10px;font-weight:bolder}.pending{background-color:var(--highlight)}.complete{background-color:var(--backround)}.sys{background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:30px;height:160px;padding:0 76px;display:flex}