table{width:300px;border-spacing:0px}tr{transition:background-color .6s}tr:hover{background-color:#ebf5f7;transition:background-color .6s}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input{background-color:#bbbdc2;color:#1b1b1b;border:1px;border-radius:3px;width:150px}div{margin:auto;width:50%;padding:10px;text-align:center}button{border-radius:10px;border:20px;margin:10px;background-color:#8a9ec9;transition:background-color .3s;color:#323232}button.create:hover{background-color:#2fb755;transition:background-color .5s}button.delete:hover{background-color:red;transition:background-color .5s}.todoText{width:208px;text-align:left}.newTodo{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:300;color-scheme:light dark;color:#323232;background-color:#f5feff;text-rendering:optimizeLegibility}