.todo-item{list-style-type:none;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;grid-gap:16px;gap:16px;padding:16px 30px 16px 16px;background-color:#faebd7;margin:10px 0;border-radius:10px;min-height:48px}.delete-btn{background-color:#fff;color:#ff0b37;border:2px solid #ff0b37;padding:10px 15px;margin-bottom:5px}.title{color:#000;font-size:16px;font-family:"Roboto";margin:0 8px 0 0;-ms-flex:1 1 auto;flex:1 1 auto;word-break:break-word}@media screen and (min-width:768px){.title{font-size:24px}.delete-btn{font-size:18px;padding:8px 16px;margin-left:32px}}.completed .title{text-decoration:line-through;color:#b0b0b0}.todo-item input[type=text]{font-size:16px;padding:6px 10px;border-radius:6px;border:1px solid #ccc;margin-right:8px;-ms-flex:1 1 auto;flex:1 1 auto;min-width:120px;outline:none;-webkit-transition:border .2s;transition:border .2s}.todo-item input[type=text]:focus{border:1.5px solid #ff8542}.todo-item button{background-color:#ff8542;color:#fff;border:none;border-radius:6px;padding:8px 14px;margin-left:0;cursor:pointer;font-size:14px;-webkit-transition:background .2s,-webkit-box-shadow .2s;transition:background .2s,-webkit-box-shadow .2s;transition:background .2s,box-shadow .2s;transition:background .2s,box-shadow .2s,-webkit-box-shadow .2s;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.04);box-shadow:0 1px 2px rgba(0,0,0,.04)}.todo-item button:focus,.todo-item button:hover{background-color:#ff6a00;outline:none}.todo-item input[type=checkbox]{margin-right:0;width:20px;height:20px;accent-color:#ff8542;cursor:pointer}body{font-family:"Roboto",Arial,sans-serif;font-size:16px}.container{background-color:#ffc2a0;min-height:100vh}.container,.inner-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.inner-container{background-color:#fff;margin:10px;-ms-flex-direction:column;flex-direction:column;width:98%;border-radius:20px}@media screen and (min-width:768px){.inner-container{padding:48px;margin-top:96px;margin-bottom:96px}}.heading{font-size:30px;font-family:"Roboto";color:#ff8542;text-align:center;font-weight:700;margin-top:12px;margin-bottom:16px}@media screen and (min-width:768px){.heading{font-size:48px;margin-top:32px;margin-bottom:48px}}.todos-list{padding-left:0}.add-todo{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-bottom:24px;grid-gap:12px;gap:12px}.add-todo input[type=text]{font-size:16px;padding:8px 12px;border-radius:6px;border:1px solid #ccc;width:260px}.add-todo button{background-color:#ff8542;color:#fff;border:none;border-radius:6px;padding:8px 18px;font-size:16px;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.add-todo button:hover{background-color:#ff6a00}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=main.c75d675a.chunk.css.map */