*{box-sizing:border-box}#todo{max-width:640px;margin:0 auto}table{width:100%;border-collapse:collapse}thead th{border-bottom:2px solid #0099e4;color:#0099e4}th{padding:0 8px;line-height:40px}thead th.id{width:50px}thead th.state{width:100px}thead th.button{width:60px}tbody td.button,tbody td.state{text-align:center}tbody tr td,tbody tr th{border-bottom:1px solid #ccc;transition:all .4s}tbody tr.done td,tbody tr.done th{background:#f8f8f8;color:#bbb}tbody tr:hover td,tbody tr:hover th{background:#f4fbff}button{border:none;border-radius:20px;line-height:24px;padding:0 8px;background:#0099e4;color:#fff;cursor:pointer}