body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.Todo{width:600px;font-family:sans-serif;overflow:hidden;border-radius:10px;margin:50px auto;padding:30px;background-color:#fff;box-sizing:border-box}.App{border:1px solid;margin:0;height:100vh;background-color:#ff3cac;background-image:linear-gradient(225deg,#ff3cac,#784ba0 50%,#2b86c5)}.addBtn{color:#fff}.InputBox{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;grid-gap:10px;gap:10px;height:40px}.InputBox input[type=text]{width:35%}input[type=text],textarea{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:none;border:1px solid #ddd;padding:3px 0 3px 20px}input[type=text]:focus,textarea:focus{box-shadow:0 0 5px #51cbee;border:1px solid #51cbee;padding:3px 0 3px 20px}.InputBox .addBtn{width:25%}.container{margin-top:30px}.container div{padding:5px}.red{color:#2848ff}.green{color:#2aa505}.btnBox{grid-gap:30px;gap:30px;-webkit-justify-content:center;justify-content:center}.btnBox,.singleList{display:-webkit-flex;display:flex}.singleList{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.cursiorPointer{cursor:pointer}.mr{text-transform:capitalize}.deleteBtn{transition:.3s;-webkit-transform:translateX(100px);transform:translateX(100px)}.deleteBtn:hover{color:red}.singleList:hover .deleteBtn{transition:.3s;-webkit-transform:translateX(0);transform:translateX(0)}
/*# sourceMappingURL=main.8d117aec.chunk.css.map */