.App{width:40%;margin:2em auto;background-color:#394049;border-style:5px;color:#fff}.todo-header{padding:.5em;border-bottom:1px solid #2c3035;text-align:center}.todo-header h1{margin:0}.form-todo{padding:1em;margin:0 2em;border-bottom:1px solid #2c3035}.form-todo h2,.list-todo h2{text-align:center;margin-top:0}.form-control{display:flex;flex-direction:column;margin-bottom:1em}.form-control label{font-weight:700;font-size:.7em;margin-bottom:.4em}.form-control input{border:1px solid #222;border-radius:2px;background-color:#2c3035;padding:.5em;color:#dfdfdf}input[type=submit]{background-color:#333;color:#eee;display:block;width:100%;border:1px solid #222;border-radius:5px;padding:1em;cursor:pointer}.list-todo{padding:0 1em 2em;margin:1em 2em}.list-todo p{text-align:center}.list-todo h2{margin-bottom:0}.todo{border-bottom:1px solid #444;padding:1em 0}.todo h3{margin-bottom:.5em}.todo-done{text-decoration:line-through;color:#f06292}.todo .duration{text-align:left;font-style:italic;font-size:.9em;margin-bottom:1.5em}.todo svg{font-size:1.2em;cursor:pointer;margin-right:.2em;transition:.5em}.todo svg:hover{color:#f06292}.todo .labels{display:inline-block;text-align:left;font-style:italic;font-size:.7em;margin-bottom:1.5em;margin-right:.5em}html{background:linear-gradient(195deg,rgb(240,234,236) 0%,rgb(241,235,237) 98%)}body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}