.navbar{display:flex;background-color:#0000004d;padding:8px;color:#fff;font-weight:700}.tasklist{padding:8px;border-radius:2px}.tasklist.pendente{background-color:#e57373}.tasklist.fazendo{background-color:#64b5f6}.tasklist.completa{background-color:#81c784}.tasklist .title{padding:4px;font-weight:700;background-color:#0000001a;text-align:center}.tasklist .content{padding:16px 4px;display:flex;flex-direction:column}.tasklist .content .empty-list{text-align:center;border:1px dashed white;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;align-items:center;gap:5px}.tasklist.pendente .btn{background-color:#d32f2f}.tasklist.pendente .btn:hover{background-color:#b71c1c}.tasklist.fazendo .btn{background-color:#1976d2}.tasklist.fazendo .btn:hover{background-color:#0d47a1}.tasklist.completa .btn{background-color:#388e3c}.tasklist.completa .btn:hover{background-color:#1b5e20}.tasklist .btn img{width:15px;height:15px;margin-right:4px}.task-item{background-color:#fff;border-radius:3px;box-shadow:0 1px #091e4240;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}html{box-sizing:border-box;font-size:16px}html,body{height:100%;min-height:100vh}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}body{font-family:Inter,sans-serif}.App{font-family:sans-serif;background-color:#0079bf;width:100vw;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}