:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background:#030008;color-scheme:light dark;color:#fdfffc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:-moz-fit-content;width:fit-content;margin:auto}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{display:flex;place-items:center;min-width:320px;width:-moz-fit-content;width:fit-content;margin:auto}h1{font-size:3.2em;line-height:1.1;width:-moz-fit-content;width:fit-content;margin:5% auto 4%}#app{max-width:1280px;padding:2rem;text-align:center;width:-moz-fit-content;width:fit-content;margin:auto}input,textarea{border:none;background:none;word-break:break-all;font-size:150%;margin:3%;resize:vertical}textarea{background-color:#050011;padding:2%}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;background:#fff;border-radius:5px;border:2px solid white;vertical-align:middle}input[type=checkbox]:checked{background:#1f1e33}input[type=checkbox]:checked+.taskName{text-decoration:line-through}.title{font-size:200%;font-weight:bolder;width:-moz-fit-content;width:fit-content;margin:auto}.taskName{margin-top:2%}button{width:auto;height:50%;font-size:large;border:none;border-radius:25%;color:#000;background-color:#fff;margin:auto}textarea,button{display:block;margin:10px auto;text-align:center}.title,.taskName{text-align:center}#delete{position:relative;display:inline-block}label{background:#0f0026;padding:3%;white-space:nowrap;display:inline}