*{margin:0;padding:0;box-sizing:border-box;font-family:Heebo,Helvetica,sans-serif}body{background:#f5f5f5}h1{margin-top:15px;position:relative;color:#ecd0d5;font-size:100px;font-weight:100;letter-spacing:2px;text-align:center;display:block;z-index:10}.maintodocontent{margin-top:15px;background:#fff;box-shadow:0 0 50px 0 rgba(0,0,0,.1);width:600px}.inputt,.maintodocontent{margin-left:auto;margin-right:auto}.inputt{display:block;border:none;padding:20px;background:#f5f5f5;font-size:24px;width:100%;color:#777}.inputt:focus{outline:none}.inputt::-webkit-input-placeholder{color:#999;font-style:italic}.inputt::-moz-placeholder{color:#999;font-style:italic}.inputt:-ms-input-placeholder{color:#999;font-style:italic}.inputt::-ms-input-placeholder{color:#999;font-style:italic}.inputt::placeholder{color:#999;font-style:italic}.todo{display:inline-block;background:#fff;padding:20px;color:#777;-webkit-transition:-webkit-text-decoration .2s;transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s;-webkit-text-decoration:solid line-through transparent;text-decoration:solid line-through transparent}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0}.checkbox{display:inline-block;width:25px;height:25px;margin-left:15px}.checkbox input[type=checkbox]{opacity:0;width:0;height:0}.checkbox label{position:relative;width:25px;height:25px}.checkbox label:before{position:absolute;content:"";cursor:pointer;z-index:2;height:23px;width:23px;border:1px solid #888;border-radius:100%;top:0;left:0}.checkbox label:after{position:absolute;content:"";height:6px;width:13px;border-left:2px solid #4cff88;border-bottom:2px solid #4cff88;-webkit-transition:.2s;transition:.2s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);left:6px;top:8px}.checkbox input[type=checkbox]+label:after{opacity:0}.checkbox input[type=checkbox]:checked+label:after{opacity:1}.delete-todo-btn{position:relative;float:right;cursor:pointer;width:22px;height:22px;margin-top:23px;margin-right:18px}.cbar1{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:bottom left;transform-origin:bottom left}.cbar1,.cbar2{width:25px;height:3px;background-color:#aaa;-webkit-transition:.2s;transition:.2s}.cbar2{position:absolute;bottom:0;left:0;-webkit-transform:rotate(-45deg) translate(1px);transform:rotate(-45deg) translate(1px);-webkit-transform-origin:left;transform-origin:left}.delete-todo-btn:hover .cbar1,.delete-todo-btn:hover .cbar2{background:#000}
/*# sourceMappingURL=main.564b568b.chunk.css.map */