body{font-family:sans-serif;background-color:#f2f3f8}body,li,ul{margin:0;padding:0}li,ul{list-style:none}footer{text-align:center}footer span{color:pink}footer p a{text-decoration:none;color:#262626}footer p a:hover{color:pink}div#root{margin:100px auto;width:50%;height:80vh;background-color:#344490;border-radius:15px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}@media screen and (max-width:1020px){div#root{margin:100px auto;width:80%}}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}#todoList-form{padding-top:50px;width:50%;margin:50px auto}#todoList-form input{height:30px;width:80%;padding-left:10px;background-color:#f2f3f8;border:none}#todoList-form button{padding:5px 40px;border:none;background-color:#6b7fd7;color:#fefefe;font-weight:600;font-size:16px;border-radius:4px;margin:15px}.done{text-decoration:line-through}.done,.done input[type=text]{color:#858585}.del-btn{border:none;background:none;color:#37392e;font-size:16px;font-weight:100}li{width:50%;background-color:#bfc1d1;margin:10px auto;padding:10px;border-radius:5px;display:-ms-flexbox;display:flex}li input[type=checkbox]{width:20px;height:20px;background:none}li input[type=text]{background:transparent;border:none;outline:none;padding:0 5px;font-size:16px;font-weight:600;text-align:left;-ms-flex-positive:2;flex-grow:2}li input[type=text]:focus{background-color:#f2f3f8;color:#37392e}li button{-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width:480px){li{width:90%}}
/*# sourceMappingURL=main.8635bd5a.css.map*/