.app{display:grid;grid-template-rows:150px auto}.app_main{display:flex;justify-content:space-evenly;padding:20px 0}.task_column_heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.task_column_heading h3{padding:.2rem .5rem;border-radius:5px;font-weight:500;margin:0}.task_column{width:33.33%;margin:5rem}.task_column_icons{display:flex;gap:.5rem;align-items:center;color:gray;font-weight:600}.new_task_button{background-color:transparent;font-size:1.2rem;border:none;outline:none;color:#8b8b8b;display:flex;cursor:pointer;margin-top:.8rem;align-items:center;gap:5px}.new_task_button:hover{color:#978d8d}.new_task_button svg{font-size:1.2rem}.task_card{width:100%;min-height:50px;border:1px solid #dcdcdc;border-radius:8px;padding:.5rem 1rem;margin:1rem 0;box-shadow:0 2px 4px #0000001a}.task_card:hover{background-color:#0000004d;cursor:grab}.task_text{font-size:18px;font-weight:600;margin-bottom:1rem}@media (max-width: 767px){.task_card{flex-direction:column}.task_text{font-size:16px}}.drop_area{width:100%;height:75px;color:#dcdcdc;border:1px dashed #dcdcdc;border-radius:10px;padding:.8rem;margin-bottom:.8rem;opacity:1;transition:all .1s ease-in-out}.hide_drop{opacity:0}.task_input{font-size:20px;font-weight:500;background:#f9f9f9;color:#000;border:1px solid #dfe3e6;border-radius:5px;padding:8px 12px;margin-bottom:15px;width:90%}.task_input::placeholder{color:#686868}.task_description{font-size:16px;font-weight:400;background:#f9f9f9;color:#000;border:1px solid #dfe3e6;border-radius:5px;padding:8px 12px;margin-bottom:15px;width:90%;height:100px;resize:none}.task_submit{font-size:1rem;font-weight:500;background-color:#6457f9;color:#fff;border-radius:5px;height:40px;padding:3px 13px;margin-left:10px;border:none;cursor:pointer}.task_modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:2.5rem;box-shadow:0 2px 10px #0000001a;border-radius:8px;z-index:1000;max-width:90%;width:400px}.modal_overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.close_button{background:none;border:none;font-size:24px;font-weight:700;cursor:pointer;position:absolute;top:10px;right:10px}.close_button:hover{background-color:red;color:#fff;padding:2px 8px;border-radius:100%}.task_description::placeholder{color:#686868}.button_container{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.task_submit{font-size:16px;font-weight:500;background-color:#6457f9;color:#fff;border-radius:5px;height:40px;padding:8px 12px;width:auto;border:none;cursor:pointer;margin-top:0;flex-grow:1}.task_submit:hover{background-color:#231f5c}.task_delete{background-color:#dc3545;color:#fff;border:none;padding:10px;cursor:pointer;margin-left:10px;height:40px}.task_delete svg{vertical-align:middle}.header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#effdcf;margin:0!important;color:#000}.header_title h1{font-size:24px;font-weight:700;text-align:center;margin:0}.add_column_button{font-size:16px;font-weight:500;background-color:#f0f0f0;color:#6457f9;border-radius:5px;height:40px;padding:8px 12px;border:none;cursor:pointer;display:flex;align-items:center}.add_column_button svg{margin-right:8px}.add_column_button:hover{background-color:#e0e0e0}.popup_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.popup_content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0003;width:300px}.popup_content h2{margin-top:0}.popup_content input{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.popup_content button{padding:8px 12px;margin-right:10px;border:none;border-radius:4px;cursor:pointer}.popup_content button[type=submit]{background-color:#6457f9;color:#fff}.popup_content button[type=button]{background-color:#e0e0e0}.popup_content button[type=submit]:hover{background-color:#231f5c}.popup_content button[type=button]:hover{background-color:#d5d5d5}