*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f6f6f6;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;justify-content:center}.App,body{display:flex}.App{align-items:center;flex-direction:column;margin-top:20px;padding:10px;width:30vw}.App h1{margin-bottom:30px}.h2{margin-bottom:20px}.container{background-color:#fff;border:.5px solid #9f75e2;border-radius:25px;flex-direction:column;padding:35px 0;width:40rem}.container,.todo{align-items:center;display:flex}.todo{justify-content:space-between;margin:10px 0;width:20rem}.completed{color:#ccc;text-decoration:line-through}input{border:1px solid #ccc;border-radius:5px;outline:none;padding:5px 3px;width:200px}input:focus{border:2px solid #8a2be2}.formControl{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:20rem}.btn{background-color:#fff;border:1px solid #6d28d9;border-radius:5px;color:#6d28d9;cursor:pointer;outline:none;padding:5px 10px}.remove{border:1px solid #ec4444;color:#ec4444;margin-left:10px}.addTodo{background-color:#6d28d9;color:#fff}.updateTodo{background-color:#fff;color:#9f75e2}.todoText{cursor:pointer;font-weight:700}header{align-items:center;margin-bottom:30px}header,header span{display:flex;justify-content:center}header span{background-color:#d0c7f7;border-radius:50%;color:#6d28d9;font-size:14px;height:20px;margin-right:20px;width:20px}.select{border:1px solid #6d28d9;border-radius:5px;margin-left:31px;outline:none;padding:2px 1px}p{margin-bottom:10px}
/*# sourceMappingURL=main.fbed81fd.css.map*/