.container{display:flex;flex-direction:row;flex-wrap:wrap;gap:2%}.item:first-child{height:25rem;margin:40px;width:100%}.item:first-child,.item:nth-child(2){align-self:center;background-color:#f5f5f5;border-radius:10px}.item:nth-child(2){height:20rem;width:25%}.item:nth-child(3){width:40%}.item:nth-child(3),.item:nth-child(4){align-self:center;background-color:#f5f5f5;border-radius:10px}.item:nth-child(4){flex-grow:1;height:20rem}.app-container{background:#f9fafb;border-radius:12px;box-shadow:0 4px 12px #0000000d;font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;margin:20px auto;max-width:600px;padding:16px}.app-container h1{color:#2c3e50;font-size:1.8rem;margin-bottom:24px;text-align:center}.task-form{display:flex;font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;gap:8px;margin-bottom:20px}.task-form input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:.95rem;padding:10px}.task-form button,.task-form input{font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif}.task-form button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 16px;transition:background .3s}.task-form button:hover{background-color:#357abd}.task-card{align-items:center;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 16px;transition:transform .2s ease}.task-card:hover{transform:scale(1.01)}.task-info{color:#2c3e50;font-size:1rem;font-weight:500}.task-info strong{color:#34495e}.status-buttons{display:flex;gap:6px;margin-bottom:10px}.status-buttons button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:transform .15s ease,opacity .3s}.status-buttons button:hover{opacity:.85;transform:scale(1.05)}.status-buttons .done-btn{background-color:#2ecc71}.status-buttons .notyet-btn{background-color:#e67e22}.task-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;flex:1 1;font-size:1rem;font-weight:500;padding:10px 16px;transition:background-color .3s ease}.task-card.done{background-color:#27ae60;color:#fff}.task-card.done .task-info{color:#fff}.strike{text-decoration:line-through}.status-buttons .delete-btn{background-color:#e74c3c}.status-buttons .delete-btn:hover{background-color:#e20c0c}
/*# sourceMappingURL=main.64f4d043.css.map*/