body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#fff;background-repeat:no-repeat;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.7)),url(/To-Do-List/static/media/background.77094677c30eabe6f222.jpg);background-position:50%;background-size:cover;color:#fff;font-family:Lato,sans-serif;height:100vh}h1{color:#272727;font-family:Roboto,sans-serif;font-size:20px;margin:20px 0;text-align:center}.todolist{flex-wrap:wrap}.logo-container,.todolist{align-items:center;display:flex;justify-content:center}.logo-container{margin:40px;width:100%}.swaregraplogo{height:200px;width:400px}.task-list{background-color:#d4d4da;border-radius:20px;box-shadow:0 0 5px 2px #000;margin:15px;min-height:500px;padding:25 px;width:500px}@media (min-width:320px) and (max-width:470px){body,html{background-color:#fff;background-repeat:no-repeat;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.7)),url(/To-Do-List/static/media/background.77094677c30eabe6f222.jpg);background-position:50%;background-size:cover;color:#fff;font-family:Lato,sans-serif;height:100vh}h1{color:#272727;font-family:Roboto,sans-serif;font-size:20px;margin:20px 0;text-align:center}.todolist{flex-wrap:wrap}.logo-container,.todolist{align-items:center;display:flex;justify-content:center}.logo-container{margin:40px;width:70%}.swaregraplogo{height:200px;width:400px}.task-list{background-color:#d4d4da;border-radius:20px;box-shadow:0 0 5px 2px #000;margin:15px;min-height:400px;padding:25 px;width:400px}.form-task{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.input-task{background-color:#fff;border:1px solid #035500;font-size:15px;padding:12px 30px 12px 15px;width:338px}.button-task,.input-task{border-radius:5px 5px 5px 5px;outline:none}.button-task{background:#035500;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:16px;margin-left:1vw;padding:12.5px;text-transform:capitalize}}.form-task{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.input-task{background-color:#fff;border:1px solid #035500;font-size:15px;padding:12px 30px 12px 15px;width:338px}.button-task,.input-task{border-radius:5px 5px 5px 5px;outline:none}.button-task{background:#035500;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:16px;margin-left:1vw;padding:12.5px;text-transform:capitalize}@media (min-width:320px) and (max-width:470px){.form-task{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.input-task{background-color:#fff;border:1px solid #035500;font-size:15px;padding:9px 30px 12px 15px;width:250px}.button-task,.input-task{border-radius:5px 5px 5px 5px;outline:none}.button-task{background:#035500;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:11px;margin-left:1vw;padding:12.5px;text-transform:capitalize}}@media (min-width:320px) and (max-width:360px){.form-task{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.input-task{background-color:#fff;border:1px solid #035500;font-size:15px;padding:9px 30px 12px 15px;width:200px}.button-task,.input-task{border-radius:5px 5px 5px 5px;outline:none}.button-task{background:#035500;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:11px;margin-left:1vw;padding:12.5px;text-transform:capitalize}}.container-task{align-items:center;background-color:#98d5f8;border:1.5px solid #3a3a3a;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin:3px 0;min-height:45px;padding:8px 10px 8px 20px;width:450px}.container-task:nth-child(3n+1){background-color:#6dc7fc}.container-task:nth-child(3n+2){background-color:#85cdf7}.container-task:nth-child(3n+3){background-color:#a2dafa}.text-task{align-items:center;color:#000;display:flex;font-size:20px;height:100%;overflow-wrap:anywhere;width:100%}.icon-task{color:#be0000;height:30px;width:30px}.icon-task:hover{color:#3b0000}.container-task .completed{text-decoration:line-through}@media (min-width:320px) and (max-width:470px){.container-task{background-color:#98d5f8;border:1.5px solid #3a3a3a;border-radius:10px;cursor:pointer;justify-content:space-between;margin:3px 0;min-height:25px;padding:8px 10px 8px 20px;width:280px}.container-task,.text-task{align-items:center;display:flex}.text-task{color:#000;font-size:15px;height:100%;overflow-wrap:anywhere;width:100%}.icon-task{color:#be0000;height:20px;width:20px}.icon-task:hover{color:#3b0000}.container-task .completed{text-decoration:line-through}}.container-task-list{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}
/*# sourceMappingURL=main.2536404b.css.map*/