@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;padding:0;box-sizing:border-box;font-family:Nanum Gothic,sans-serif;background:#191919;color:#f2f2f2;min-height:150vh}button{cursor:pointer;padding:0 16px;background:#1f75fe;color:#fff;border:none;border-radius:8px;display:flex;align-items:center;gap:6px;font-weight:700;width:80px;height:40px}header{background:#0d0d0d;display:flex;align-items:center;justify-content:center;height:200px;position:relative}img{width:95px;height:90px;margin-bottom:20px}form{margin-right:60px;margin-left:60px;position:absolute;height:54px;bottom:-27px;width:100%;max-width:736px;display:flex;gap:8px;padding:0 1rem}form input[type=text]{height:40px;flex:1;color:#fff;background:#262626;border:1px solid #0D0D0D;border-radius:8px;padding:0 16px;font-size:16px}section.container{width:100%;max-width:736px;margin:90px auto;padding:0 1rem}section.filter{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}section div{display:flex;align-items:center;gap:8px}section p{color:#4ea8de;font-size:14px;font-weight:700;text-transform:capitalize}section span{background:#333;color:#d9d9d9;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700}.taskListContainer{display:flex;flex-direction:column}div.task{width:100%;background:#262626;border:1px solid #333333;padding:16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px}button.checkbox{background:none;border:none}.tasks{display:flex;flex-direction:row;align-items:center}.task .complete{text-decoration:line-through}.deleteBtn{background:none;border:none}.task input{font-size:1rem;padding:.5rem}.task button{background:none;border:none;cursor:pointer;margin-left:.5rem}.taskEditDltBtn{display:flex;flex-direction:row}