body{align-items:flex-start;background-color:#f4f7f6;color:#333;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:20px}.App,body{box-sizing:border-box}.App{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 12px #00000014;margin:50px 20px;max-width:500px;padding:30px 25px;width:100%}.to-do-container{align-items:center;display:flex;flex-direction:column;list-style:none;padding:0}.to-do-container li{word-wrap:break-word;align-items:center;background-color:#fdfdfd;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;max-width:350px;overflow-wrap:break-word;padding:12px 15px;transition:all .2s ease-in-out;width:100%}.to-do-container li:hover{box-shadow:0 2px 6px #0000000d;transform:translateY(-2px)}.done{color:#888;opacity:.7;-webkit-text-decoration:line-through 2px red;text-decoration:line-through 2px red}.item{align-items:center;display:flex;justify-content:space-between;width:100%}.item span{flex-grow:1;font-size:1.1em;margin-right:15px}.trash{color:#999;cursor:pointer;font-size:1.2em;transition:color .2s ease-in-out}.trash:hover{color:#e74c3c}
/*# sourceMappingURL=main.b00ddd4b.css.map*/