@import url(https://fonts.googleapis.com/css?family=Lato);*{box-sizing:border-box}body{overflow:hidden;font-family:"Lato",sans-serif;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:#ffdfca}button{background-color:#f44336;color:#fff;border:none;padding:14px 30px;text-align:center;text-decoration:none;display:inline-block;font-size:18px;margin:8px 12px;transition-duration:.4s;cursor:pointer}.addToDo{background-color:#008bff}p{text-align:center;font-size:22px}#root{background-color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);border-radius:1px;padding:2rem 4rem;box-shadow:0 10px 30px rgba(0,0,0,.2)}.todoList{background:#fff;font-size:20px;width:20rem;padding:1rem;max-height:50vh;margin:2rem auto auto;overflow-y:auto;overflow-x:hidden;border-radius:3px;box-shadow:0 2px 20px rgba(0,0,0,.3)}.todoList::-webkit-scrollbar{width:.25rem}.todoList::-webkit-scrollbar-track{background:transparent}.todoList::-webkit-scrollbar-thumb{background:#008bff;border-radius:50px;height:.5rem}.tasks{position:relative;display:block;padding:1em;margin:0 auto;cursor:pointer;color:#000;border-bottom:1px solid #ddd;-webkit-user-select:none;-ms-user-select:none;user-select:none;letter-spacing:2px}.tasks:last-of-type{border-bottom:0 solid #ddd}.tasks .taskText{margin-left:2rem;word-break:break-all}.tasks .checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;margin:0 auto;height:25px;width:25px;background-color:#a2acbd;border-radius:50%;transition:.4s}.tasks:hover .checkbox~.checkmark{background-color:#00e0e7}.tasks .checkbox:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";position:absolute;display:none}.tasks .checkbox:checked~.checkmark:after{display:block}.tasks .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}h2{text-align:center;margin-bottom:50px;font-size:32px}.group{position:relative;margin-bottom:45px}.TextInput{font-size:18px;margin:0;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-bottom:1px solid #757575}.TextInput:focus{outline:none}.textLabel{color:#999;font-size:18px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:all .2s ease;-moz-transition:.2s ease all;-webkit-transition:all .2s ease}.TextInput:focus~.textLabel,.TextInput:valid~.textLabel{top:-20px;font-size:14px;color:#5264ae}.bar{position:relative;display:block;width:300px}.bar:after,.bar:before{content:"";height:2px;width:0;bottom:1px;position:absolute;background:#5264ae;transition:all .2s ease;-moz-transition:.2s ease all;-webkit-transition:all .2s ease}.bar:before{left:50%}.bar:after{right:50%}.TextInput:focus~.bar:after,.TextInput:focus~.bar:before{width:50%}.highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.TextInput:focus~.highlight{-webkit-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}@-webkit-keyframes inputHighlighter{0%{background:#5264ae}to{width:0;background:transparent}}@keyframes inputHighlighter{0%{background:#5264ae}to{width:0;background:transparent}}
/*# sourceMappingURL=main.5078422e.chunk.css.map */