body{font-family:Noto Sans JP,sans-serif;color:#40403e;background-color:#f0f2f1;display:inline-block}input{border-radius:8px;border:solid #40403E;padding:6px 16px}button{border-radius:8px;border:solid #40403E;padding:4px 16px;margin:0 2px}button:hover{background-color:#79a89a;color:#fff;cursor:pointer}.Title{text-align:center;margin-top:0;font-weight:700}.input-area{background-color:#d0d8da;border:1px solid #40403E;width:400px;height:30px;padding:8px;margin:8px;border-radius:8px}.task-area{background-color:#f0f2f1;border:2px solid #40403E;width:400px;height:200px;padding:8px;margin:8px;border-radius:8px}.red-task{border:2px solid red}.yellow-task{border:2px solid #FAC61E}.green-task{border:2px solid green}.task-area-container{display:grid;grid-template-columns:1fr 1fr;gap:16px}.list-row{display:flex;align-items:center}.todo-item{margin:6px}