.containerWrapper{margin:0 32px}.container{margin:32px auto 0;padding:16px;border-radius:16px;max-width:720px;min-height:320px;background:#2c2c2c}.title{display:block;text-align:center;font-size:18px}.todoList{margin-top:16px}.todo{display:flex;align-items:center;margin-bottom:8px}.todo input[type=checkbox]{width:18px;height:18px}.todo span{margin-left:8px}.todo input[type=checkbox]:checked+span{text-decoration:line-through}.todo .delete{cursor:pointer;margin-left:auto}.todo:last-child{margin-bottom:0}.inputBox{display:flex;width:100%;max-width:240px;margin:8px auto}.inputBox input[type=text]{border:0;outline:0;flex:1;padding:8px 4px}:root{font-size:16px;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}