@import url(https://fonts.googleapis.com/icon?family=Material+Icons);body,html{color:rgba(1,1,1,.8);font-family:arial,sans-serif;font-size:7px;line-height:1.6;background-color:#f1f1f1;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,html{width:100%;height:100%;margin:0;padding:0}body{display:table}body #root{display:table-cell;vertical-align:middle}body #root .App{max-width:700px;margin:auto;padding:60px 0}.none{display:none!important}*{font-size:2rem}h1,h2,h3,h4,h5{margin:5px 0;padding:0}h1{font-size:5rem}h2{font-size:3.7rem;font-weight:lighter}h3{font-size:3.5rem}h4{font-size:3rem}h5{font-size:2.5rem}a,p,ul li{font-size:2rem}p{margin:5px 0}.button{font-size:2.5rem}ul{list-style:none;margin:0;padding:0}ul li{width:100%;display:inline-block;margin:0 5px}.link,a:visited{color:#00f}.link{display:inline-block;margin:0;padding:0;text-decoration:underline;outline:none;border:none;background:none}html *{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:0}.App{text-align:center}.App,.App .App-section{overflow:hidden}@media screen and (max-width:570px){.App{padding:20px 2.5%}}.header h1 a{color:rgba(1,1,1,.8);font-size:5rem;text-decoration:none}.main{padding-top:15px}.main>div{padding:5px 0}.todoList .error404 span{font-size:3rem;font-weight:700;color:rgba(1,1,1,.1)}.SortableHelper{pointer-events:auto!important;cursor:-webkit-grabbing!important;cursor:grabbing!important}.SortableHelper span{pointer-events:none!important}.todo{display:flex;width:100%;margin:0;padding:5px;box-sizing:border-box;align-items:center;justify-content:center}.todo>*{margin:0 2.5px}.todo .dragndrop{display:inline-block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:color .1s ease-in-out 0s;transition:color .1s ease-in-out 0s}.todo .dragndrop span{color:rgba(1,1,1,.1);line-height:1.6}.todo .dragndrop span:hover{cursor:-webkit-grab;cursor:grab}.todo .checkbox{display:block;width:26px;height:26px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.todo .checkbox input[type=checkbox]{display:none;width:0;height:0;position:absolute;top:0;left:0;border:none;opacity:0;cursor:pointer}.todo .checkbox .checkmark{display:block;width:24px;height:24px;position:absolute;top:1px;left:1px;border-radius:100%;background-color:#d8d8d8;-webkit-transition:background-color .1s ease-in-out 0s;transition:background-color .1s ease-in-out 0s}.todo .checkbox .checkmark:after{display:none;width:5px;height:10px;position:absolute;top:4px;left:8px;content:"";border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.todo .checkbox input[type=checkbox]:checked~.checkmark{background-color:#90ee90;-webkit-transition:background-color .1s ease-in-out 0s;transition:background-color .1s ease-in-out 0s}.todo .checkbox input[type=checkbox]:checked~.checkmark:after{display:block}.todo .checkbox:hover input[type=checkbox]~.checkmark{background-color:rgba(1,1,1,.1)}.todo .checkbox:hover input[type=checkbox]:checked~.checkmark{background-color:#90ee90}.todo label{display:flex;margin:0 7.5px 0 10px}.todo label textarea{width:50%;min-width:200px;max-width:250px;margin:auto;padding:10px;color:#555;font-family:arial,sans-serif;font-size:2rem;line-height:1.6;background-color:#fff;border:1px solid #d3d3d3;border-radius:4px;outline:none;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.todo label textarea::-webkit-input-placeholder{color:#999!important}.todo label textarea:-ms-input-placeholder{color:#999!important}.todo label textarea::-ms-input-placeholder{color:#999!important}.todo label textarea::placeholder{color:#999!important}.todo label textarea:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.todo .button{display:block;padding:0;color:rgba(1,1,1,.1);font-size:1rem;line-height:1;background-color:transparent;border:none;border-radius:2px;outline:none;-webkit-transition:color .1s ease-in-out 0s;transition:color .1s ease-in-out 0s}.todo .button span{padding-top:2px;font-size:3.5rem;line-height:1}.todo .button:hover{color:rgba(1,1,1,.4);cursor:pointer}.todo .button:visited{color:rgba(1,1,1,.1)}.todo .button.disabled{opacity:0;pointer-events:none;cursor:default}.todoForm .addItem{display:flex;width:100%;margin:0;padding:5px;box-sizing:border-box;align-items:center;justify-content:center}.todoForm .addItem textarea{width:50%;min-width:200px;max-width:250px;margin:0 0 0 7px;padding:10px;color:#555;font-family:arial,sans-serif;font-size:2rem;line-height:1.6;background-color:#fff;border:1px solid #d3d3d3;border-radius:4px;outline:none;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.todoForm .addItem textarea::-webkit-input-placeholder{color:#999!important}.todoForm .addItem textarea:-ms-input-placeholder{color:#999!important}.todoForm .addItem textarea::-ms-input-placeholder{color:#999!important}.todoForm .addItem textarea::placeholder{color:#999!important}.todoForm .addItem textarea:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.todoForm .removeItem{display:flex;width:100%;margin:0;padding:5px;box-sizing:border-box;align-items:center;justify-content:center}.todoForm .button{display:inline-block;margin:5px;padding:10px 15px;color:#fff;font-size:2.5rem;line-height:1.6;text-decoration:none;text-transform:capitalize;background-color:#00f;opacity:.8;outline:none;border:none;border-radius:2px;-webkit-transition:opacity .1s ease-in-out 0s;transition:opacity .1s ease-in-out 0s}.todoForm .button:hover{color:#fff;text-decoration:none;opacity:.6;cursor:pointer}.todoForm .button:visited{color:#fff}.todoForm .button.disabled{opacity:.3;pointer-events:none;cursor:default}.todoRecap .status{display:inline-block;margin:5px 0;padding:15px 20px;border-radius:50px}.todoRecap .status.red{background-color:tomato}.todoRecap .status.green{background-color:#90ee90}.todoRecap .status.blue{background-color:#00bfff}.footer{padding-top:10px}
/*# sourceMappingURL=main.ee701732.chunk.css.map */