*{margin:0;padding:0;font-family:sans-serif;box-sizing:border-box}#container{width:100vw;height:100vh;background-color:#deb887;padding:10px;display:flex;justify-content:center;align-items:center}input{border:none;outline:none;flex:1;border-radius:5px;background:transparent;padding:10px}button{border:none;outline:none;border-radius:40px;background-color:orange;padding:16px 50px;font-size:16px}#todo{background-color:#957c7c;width:500px;height:500px;border-radius:10px;padding:40px 30px 70px}img{width:34px;margin-left:15px;height:30px}h2{display:flex;align-items:center;margin-bottom:20px}#input{display:flex;align-items:center;background-color:#f0f8ff;border-radius:40px;padding-left:20px;margin-bottom:25px}ul li{list-style:none;font-size:20px;padding:10px 20px;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer}ul li:before{content:"";height:29px;position:absolute;width:28px;background-image:url(data:image/png;base64,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);background-size:cover}ul li.checked{text-decoration:line-through}ul li.checked:before{background-image:url(data:image/png;base64,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)}ul li span{font-size:25px;position:relative;left:50px}@media (width <= 425px){#input{height:13%}button{height:100%;padding:10px 40px;font-size:15px}}
