body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#app{font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,div,h1,h2,h3,h4,p,ul{margin:0}h2{margin:20px auto 5px;font-size:1rem}@media (max-width:768px){h2{margin-top:10px}}a{color:#588b8b}a:hover{color:#446c6c}input{border:1px solid #ccc;border-radius:3px;padding:.5rem;outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}input+input{margin-left:10px}input[type=button],input[type=submit]{cursor:pointer}.wrapper{width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#eef4f4}.wrapper .mainBody{background:#f5f5f8;width:75%;max-width:576px;padding:20px;border-radius:5px;box-shadow:0 10px 20px #ddd}@media (max-width:768px){.wrapper .mainBody{width:95%;padding:10px}}header h1{text-align:center;color:#4e7b7b;padding:.25em 0}.globalHeader{padding:10px 0}ul{list-style-type:none;padding-left:0;font-size:0;text-align:center}ul li{display:inline-block}ul li+li{border-left:1px solid #ccc}ul a{text-decoration:none;font-size:.8rem;margin:0 .75rem;padding:.25rem}ul a.active{color:#f08123;font-weight:700}.tasks{background:#fff;padding:1rem;text-align:center;color:#588b8b;max-height:200px;overflow:auto}.tasks span{font-weight:600}@media (max-width:768px){.tasks{padding:.5rem;max-height:150px}}.task{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.task__checkbox{border:1px solid #ccc;border-radius:7px;-webkit-flex-basis:25px;flex-basis:25px;-webkit-flex-shrink:0;flex-shrink:0;height:25px;margin-right:10px;cursor:pointer}.task__content{-webkit-flex-grow:1;flex-grow:1;border-radius:0;border-color:transparent;color:#333;font-size:1.1rem;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:.5rem}.task__content:hover{border-bottom-color:#ddd}.task__content:focus{border-bottom-color:#588b8b}.task__button{font-weight:700;padding:.5rem .75rem}.task__submit{color:#fff;background:#588b8b;border-color:#588b8b}.task__submit:hover{background:#4e7b7b;border-color:#4e7b7b}.task__edit{color:#588b8b;border-color:#588b8b}.task__edit:hover{color:#fff;background:#4e7b7b;border-color:#4e7b7b}.task__delete{color:#c8553d;border-color:#c8553d;background:#fff}.task__delete:hover{color:#fff;background:#b74b34;border-color:#b74b34}.task+.task{margin-top:10px}.create{margin-bottom:20px}.create h2{-webkit-flex-basis:100%;flex-basis:100%;font-weight:500}.create h2 .msgBox{color:#c8553d;margin-left:1em;font-size:.9rem}.create form{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}.create .addInput{border:0;border-bottom:1px solid #ccc;background:#f5f5f8;border-radius:0;-webkit-flex-grow:1;flex-grow:1;padding:.5rem 0;font-size:1.15rem}.create .addInput:focus{border-color:#588b8b}.finished h2{font-weight:500}.finished .task__content{color:#ccc;text-decoration:line-through;cursor:default;font-weight:500}.finished .task__checkbox{position:relative;padding-top:3px}footer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:10px 0}footer .copyRight{font-size:.8rem;color:#666;margin-right:.5em}
/*# sourceMappingURL=main.380c8fa9.chunk.css.map */