*{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000}#app *{display:flex;flex-direction:column}input,textarea{padding:5px;border:1px solid #000;border-radius:3px}input{height:20px;line-height:20px}textarea{height:100px;resize:none}.task-completed .action-button{color:#ff0;border-color:#ff0}.task-completed .action-button-delete{color:#e00000;border:1px solid #e00000}.task-completed .action-button-delete:hover{color:#e00000;border:1px solid #e00000;box-shadow:0 0 3px 0 #e00000,inset 0 0 3px 0 #e00000}.action-button{padding:3px 5px;text-decoration:inherit;color:#42b983;font-weight:700;border:1px solid #42b983;border-radius:4px;cursor:pointer}.action-button:hover{border-color:#2c3e50;color:#2c3e50}.action-button-delete,.action-button-delete:hover{color:red;border:1px solid red}.action-button-delete:hover{box-shadow:0 0 3px 0 red,inset 0 0 3px 0 red}.card-buttons{flex-direction:row!important;justify-content:flex-end}.card-buttons .action-button{margin:0}.todo-list{padding:0 10px 10px}.todo-list .todo-list-header{margin:15px auto 10px 5px}.todo-list .task-list{flex-direction:row!important;justify-content:space-evenly;flex-wrap:wrap;overflow:hidden}.todo-list .task-list .task-card{width:100%;max-width:300px;margin:20px;padding:5px;border-radius:10px;box-shadow:0 0 10px 0 rgba(44,62,80,.7)}.todo-list .task-list .task-card.task-completed{background:rgba(85,85,85,.5)}.todo-list .task-list .task-card .task-title{margin:5px;padding:0 5px 5px;font-size:16pt;font-weight:700;border-bottom:1px solid rgba(44,62,80,.7)}.todo-list .task-list .task-card .task-created-time{margin:5px 10px 0;font-size:10pt;color:#555}.todo-list .task-list .task-card .task-description{margin:5px 10px}.todo-list .task-list .task-card .card-buttons{margin:0}.todo-list .task-list .task-card .card-buttons .action-button{margin:5px}.task-form{padding:15px}.task-form .task-card{width:100%;max-width:400px;margin:auto;padding:5px;border-radius:10px;box-shadow:0 0 10px 0 rgba(44,62,80,.7)}.task-form .task-card *{margin:5px}.task-form .task-card .card-buttons{margin:0}