.todo-item{display:flex;gap:10px;align-items:center;cursor:pointer}.check-box{width:10px;height:10px;border-radius:20%;border:1px solid #000}.checked{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20width='32px'%20height='32px'%3e%3cpath%20d='M13.071,24.358c-0.497,0-0.962-0.246-1.242-0.658c-2.339-3.45-4.751-5.873-7.373-7.405%20c-0.715-0.418-0.956-1.337-0.538-2.052c0.417-0.715,1.336-0.958,2.052-0.538c2.529,1.478,4.856,3.627,7.071,6.539%20c4.261-6.008,9.283-10.838,14.952-14.375c0.705-0.438,1.628-0.225,2.066,0.479c0.438,0.703,0.225,1.628-0.479,2.066%20c-5.935,3.702-10.925,8.697-15.258,15.27c-0.276,0.419-0.742,0.672-1.243,0.675C13.077,24.358,13.074,24.358,13.071,24.358z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:contain}.not-checked{background:none}.completed{text-decoration:line-through}.not-completed{text-decoration:none}.delete-btn{margin-left:8px;width:18px;height:18px;border:1px solid rgba(0,0,0,0);border-radius:4px;background-color:transparent;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%20width='50px'%20height='50px'%3e%3cpath%20d='M%2021%200%20C%2019.355469%200%2018%201.355469%2018%203%20L%2018%205%20L%2010.1875%205%20C%2010.0625%204.976563%209.9375%204.976563%209.8125%205%20L%208%205%20C%207.96875%205%207.9375%205%207.90625%205%20C%207.355469%205.027344%206.925781%205.496094%206.953125%206.046875%20C%206.980469%206.597656%207.449219%207.027344%208%207%20L%209.09375%207%20L%2012.6875%2047.5%20C%2012.8125%2048.898438%2014.003906%2050%2015.40625%2050%20L%2034.59375%2050%20C%2035.996094%2050%2037.1875%2048.898438%2037.3125%2047.5%20L%2040.90625%207%20L%2042%207%20C%2042.359375%207.003906%2042.695313%206.816406%2042.878906%206.503906%20C%2043.058594%206.191406%2043.058594%205.808594%2042.878906%205.496094%20C%2042.695313%205.183594%2042.359375%204.996094%2042%205%20L%2032%205%20L%2032%203%20C%2032%201.355469%2030.644531%200%2029%200%20Z%20M%2021%202%20L%2029%202%20C%2029.5625%202%2030%202.4375%2030%203%20L%2030%205%20L%2020%205%20L%2020%203%20C%2020%202.4375%2020.4375%202%2021%202%20Z%20M%2011.09375%207%20L%2038.90625%207%20L%2035.3125%2047.34375%20C%2035.28125%2047.691406%2034.910156%2048%2034.59375%2048%20L%2015.40625%2048%20C%2015.089844%2048%2014.71875%2047.691406%2014.6875%2047.34375%20Z%20M%2018.90625%209.96875%20C%2018.863281%209.976563%2018.820313%209.988281%2018.78125%2010%20C%2018.316406%2010.105469%2017.988281%2010.523438%2018%2011%20L%2018%2044%20C%2017.996094%2044.359375%2018.183594%2044.695313%2018.496094%2044.878906%20C%2018.808594%2045.058594%2019.191406%2045.058594%2019.503906%2044.878906%20C%2019.816406%2044.695313%2020.003906%2044.359375%2020%2044%20L%2020%2011%20C%2020.011719%2010.710938%2019.894531%2010.433594%2019.6875%2010.238281%20C%2019.476563%2010.039063%2019.191406%209.941406%2018.90625%209.96875%20Z%20M%2024.90625%209.96875%20C%2024.863281%209.976563%2024.820313%209.988281%2024.78125%2010%20C%2024.316406%2010.105469%2023.988281%2010.523438%2024%2011%20L%2024%2044%20C%2023.996094%2044.359375%2024.183594%2044.695313%2024.496094%2044.878906%20C%2024.808594%2045.058594%2025.191406%2045.058594%2025.503906%2044.878906%20C%2025.816406%2044.695313%2026.003906%2044.359375%2026%2044%20L%2026%2011%20C%2026.011719%2010.710938%2025.894531%2010.433594%2025.6875%2010.238281%20C%2025.476563%2010.039063%2025.191406%209.941406%2024.90625%209.96875%20Z%20M%2030.90625%209.96875%20C%2030.863281%209.976563%2030.820313%209.988281%2030.78125%2010%20C%2030.316406%2010.105469%2029.988281%2010.523438%2030%2011%20L%2030%2044%20C%2029.996094%2044.359375%2030.183594%2044.695313%2030.496094%2044.878906%20C%2030.808594%2045.058594%2031.191406%2045.058594%2031.503906%2044.878906%20C%2031.816406%2044.695313%2032.003906%2044.359375%2032%2044%20L%2032%2011%20C%2032.011719%2010.710938%2031.894531%2010.433594%2031.6875%2010.238281%20C%2031.476563%2010.039063%2031.191406%209.941406%2030.90625%209.96875%20Z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:cover;transition:.5s ease-in-out}.delete-btn:hover{border-color:#000;cursor:pointer}*{box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif}.list-container{width:600px;min-height:800px;margin:20px auto;padding:10px;display:flex;flex-wrap:wrap;flex-direction:column;align-content:center;gap:10px;background-image:url(list-background-COdEJHeO.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.btn{background:none;border:2px solid #3e2c2c;border-radius:5px;margin:5px;cursor:pointer;transition-duration:.4s}.btn:hover{background-color:#4945458a}.btn:disabled{border-color:#b6b6b6}.add-list{width:400px;display:flex;flex-direction:column;align-items:center}.todo-list{padding:0;list-style-type:none;display:flex;flex-direction:column;gap:10px}