*{box-sizing:border-box;margin:0}#tasks{display:flex;margin:50px auto 0;width:fit-content;width:-moz-fit-content;width:-webkit-fit-content;align-items:start}.col-tasks{width:200px;padding:10px;border:1px solid;border-radius:5px;margin-right:5px;background-color:#eaeaea}.col-tasks p{text-align:center;margin-bottom:10px}.col-tasks:first-child{background-color:#e7eb15}.col-tasks:nth-child(2){color:#fff;background-color:#1518eb}.col-tasks:nth-child(3){background-color:#27eb15}.col-tasks:nth-child(2) .item-task{color:#000}.col-tasks:last-child{margin-right:0}.item-task{border:1px solid;border-radius:5px;width:100%;padding:5px;margin-bottom:5px;cursor:grabbing;position:relative;background-color:#fff}.item-task:hover>.del-task{display:block}.item-task:last-child{margin-bottom:0}.del-task{width:20px;height:20px;top:5px;right:5px;position:absolute;cursor:pointer;text-align:center}.item-tasks{min-height:15px}.dragged{border-radius:10px;position:absolute;z-index:999;pointer-events:none;background:#fff;cursor:grabbing}.add-task,.input-task{margin-top:10px;padding:5px 0}.button{cursor:pointer}.hidden{display:none}