*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#242424}h1{color:#fff;text-align:center;margin-top:20px}.task-list{display:grid;grid-template-columns:repeat(3,1fr);padding:50px;gap:20px}.task-list .task{background-color:#333;border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:10px;min-height:250px}.task-list .task:hover .task-actions{visibility:visible;opacity:1}.task-list .task .task-actions{display:flex;visibility:hidden;opacity:0;transition:.3s;gap:25px;justify-content:flex-end;align-items:flex-end;flex:1;padding:10px}.task-list .task .task-actions button{border:none;background-color:transparent;color:#fff;cursor:pointer;transition:.3s}.task-list .task .task-actions button:nth-child(1):hover{color:#44a}.task-list .task .task-actions button:nth-child(2):hover{color:#a44}.task-list .task .task-actions button:nth-child(3):hover{color:#4a4}.task-list .task p{word-break:break-all;overflow-y:auto;padding:0 10px 10px}.task-list .task h2{padding:10px 10px 0}.task-list .addtask{background-color:#333;padding:20px;border-radius:10px;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;border:3px solid #333;aspect-ratio:1.6;transition:.3s;font-size:100px}.task-list .addtask:hover{border-color:#4a4}.task-modal{position:fixed;z-index:99;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.task-modal form{display:flex;flex-direction:column;gap:10px;background-color:#333;padding:20px;border-radius:10px;width:min(90%,400px)}.task-modal form button{padding:10px;border:none;border-radius:5px;background-color:#4a4;color:#fff;cursor:pointer}.task-modal form div{display:flex;gap:10px;flex-direction:column}.task-modal form div label{color:#fff}.task-modal form div input,.task-modal form div textarea{padding:10px;border:none;border-radius:5px;width:100%;resize:vertical}.show-completed{display:flex;justify-content:flex-end;padding:0 50px}.show-completed button{border:none;background-color:transparent;color:#fff;cursor:pointer}