@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";.app{display:grid;grid-template-rows:150px auto}.app_main{display:flex;justify-content:space-evenly;padding:20px 8%}.task_column{width:33.33%;margin:20px}.app_header{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #dcdcdc;background-image:url(https://img2.pic.in.th/pic/header9df1fab1f500c749.png);background-size:cover;background-repeat:no-repeat;background-position:center;height:250px}.app_header>form{width:75%}.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:100%}.task_input::placeholder{color:#686868}.task_form_bottom_line{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}.tag-cont{display:flex;flex-wrap:wrap;gap:10px;max-width:70%;flex-grow:1}.task-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.task_status{font-size:16px;font-weight:500;border:1px solid #999;border-radius:20px;width:120px;height:40px;padding:0 5px}.task_submit{font-size:16px;font-weight:500;background-color:#f2277f;color:#fff;border-radius:20px;height:40px;padding:3px 13px;margin-left:10px;border:none;cursor:pointer}.add_tag{font-size:16px;font-weight:300;color:#686868;border-radius:20px;width:140px;height:40px;padding:0 5px;margin-right:10px;border:1px solid #999}.theme-container span{font-size:30px;margin-bottom:100px;cursor:pointer;margin-left:10px;background:#fff}.tag{font-size:14px;font-weight:500;background-color:#f9f9f9;border:1px solid #dfe3e6;border-radius:5px;padding:8px 12px;margin-right:10px;cursor:pointer}.tag-container{display:inline-flex;align-items:center;margin-right:10px;position:relative}.remove-tag{background:none;border:none;color:#f2277f;font-size:16px;cursor:pointer;position:absolute;top:16%;right:11px;transform:translateY(-50%)}.task_column_heading{display:flex;align-items:center;margin-top:70px;margin-bottom:15px}.task_column_icon{width:30px;margin-right:5px}.task_card{width:100%;min-height:100px;border:1px solid #dcdcdc;border-radius:10px;padding:15px;margin-bottom:15px;cursor:grab}.task_card:active{opacity:.7;border:1px solid #f2277f}.task_actions{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.task_text{font-size:18px;font-weight:600;margin-bottom:15px}.task_card_bottom_line{display:flex;align-items:center;justify-content:space-between}.task_delete{width:35px;height:35px;border-radius:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease-in-out}.task_delete:hover{background-color:#ef2424}.delete_icon{width:20px;opacity:50%;transition:all .3s ease-in-out}.task_delete:hover .delete_icon{opacity:80%}.task_edit{width:35px;height:35px;border-radius:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease-in-out}.task_edit:hover{background-color:#ffdf11}.edit_icon{width:20px;opacity:50%;transition:all .3s ease-in-out}.task_edit:hover .edit_icon{opacity:80%}.task_success{width:35px;height:35px;border-radius:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease-in-out}.task_success:hover{background-color:#37f134}.success_icon{width:20px;opacity:50%;transition:all .3s ease-in-out}.task_success:hover .success_icon{opacity:80%}.task_success.done{background-color:#37f134}.task_success.done:hover{background-color:#2db82a}.drop_area{width:100%;height:100px;columns:#dcdcdc;border:1px dashed #dcdcdc;border-radius:10px;padding:15px;margin-bottom:15px;opacity:1;transition:all .2s ease-in-out;text-align:center}.hide_drop{opacity:0}.drop_text{color:#555;font-size:12px}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}select{cursor:pointer}