html{box-sizing:border-box;font-size:16px}body,html{height:100%;min-height:100vh}*,:after,:before{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}.App{font-family:sans-serif;background-color:#0079bf;height:100%;min-height:100vh;color:#fff}.App .container{width:100%;max-width:800px;margin:auto;padding:8px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px}.navbar{display:flex;background-color:#2a3990;padding:8px;color:#fff;font-weight:700}.tasklist{padding:8px;background-color:#5797b9;border-radius:2px}.tasklist .title{text-align:center;padding:4px;font-weight:700;background-color:rgba(0,0,0,.1)}.tasklist .content{padding:16px 4px;display:flex;flex-direction:column}.tasklist .content .empty-list{text-align:center;border:1px dashed #fff;border-radius:4px;padding:4px}.tasklist .btn{margin-top:8px;padding:8px;display:flex;justify-content:center;background:none;border:none;border-radius:3px;color:#fff;background:#00b8d4;transition:background-color .3s}.tasklist .btn:hover{background-color:#0091a8;cursor:pointer}.tasklist .btn img{width:15px;height:15px;margin-right:4px}.task-item{background-color:#fff;border-radius:3px;box-shadow:0 1px 0 rgba(9,30,66,0);cursor:pointer;margin-bottom:8px;width:100%;padding:8px 4px;color:#222;font-size:14px}.task-item input[type=text]{border:none;font-size:14px;display:block;width:100%}.task-item select{display:block;width:100%;margin-top:8px}
/*# sourceMappingURL=main.c0e0b48a.chunk.css.map */