#app{font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body,div,h1,h2,h3,h4,p,ul{margin:0}.globalHeader[data-v-efdda0ac]{padding:10px 0}ul[data-v-efdda0ac]{list-style-type:none;padding-left:0;font-size:0;text-align:center}ul li[data-v-efdda0ac]{display:inline-block}ul li+li[data-v-efdda0ac]{border-left:1px solid #ccc}ul a[data-v-efdda0ac]{text-decoration:none;font-size:.8rem;margin:0 .75rem;padding:.25rem}ul a.active[data-v-efdda0ac]{color:#f08123;font-weight:700}.create[data-v-14da9ff2]{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.create h2[data-v-14da9ff2]{-ms-flex-preferred-size:100%;flex-basis:100%}.create h2 .msgBox[data-v-14da9ff2]{color:#c8553d;margin-left:1em;font-size:.9rem}.create .addInput[data-v-14da9ff2]{border:0;border-bottom:1px solid #ccc;background:#f5f5f8;border-radius:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:.5rem 0;font-size:1.15rem}.create .addInput[data-v-14da9ff2]:focus{border-color:#588b8b}.tasks{background:#fff;padding:1rem;text-align:center;color:#588b8b;max-height:200px;overflow:auto}.tasks span{font-weight:700}@media (max-width:768px){.tasks{padding:.5rem;max-height:150px}}.task{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.task__checkbox{border:1px solid #ccc;border-radius:7px;-ms-flex-preferred-size:25px;flex-basis:25px;-ms-flex-negative:0;flex-shrink:0;height:25px;margin-right:10px;cursor:pointer}.task__content{-webkit-box-flex:1;-ms-flex-positive: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}.finished .task__content{color:#ccc;text-decoration:line-through;cursor:pointer;font-weight:500}.finished .task__checkbox{position:relative;padding-top:3px}footer[data-v-053b2acc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px 0}footer .copyRight[data-v-053b2acc]{font-size:.8rem;color:#666;margin-right:.5em}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;-moz-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-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#eef4f4}.wrapper .mainBody{background:#f5f5f8;width:75%;max-width:576px;padding:20px;border-radius:5px;-webkit-box-shadow:0 10px 20px #ddd;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}