body{background:linear-gradient(180deg,#696565,#efefef);color:#333;font-family:Arial,sans-serif;margin:0;padding:0}h1{color:#4a4a8a;font-size:2.5rem;font-weight:700;margin:20px 0;text-align:center}.toggle-form-btn{margin-bottom:50px;margin-left:640px}.Go{background:green}.Go:hover{background:#333}.stop{background:#d90606}.stop:hover{background:#333}.undo{background:#dfae51}.undo:hover{background:#686868}button{background:linear-gradient(45deg,#6200ea,#9c4dcc);border:none;border-radius:5px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;font-size:16px;margin:5px;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}button:hover{background:linear-gradient(45deg,#3700b3,#6200ea);box-shadow:0 12px 16px 0 #0000003d,0 17px 50px 0 #00000030;transform:translateY(-2px)}.search-bar{border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 10px #0000001a;font-size:16px;justify-content:center;margin-bottom:20px;margin-left:50px;margin-top:20px;padding:12px;width:90%}.search-bar input{border:1px solid #ccc;border-radius:5px;height:35px;margin-left:445px;padding-left:20px;width:400px}.filter-nav{display:flex;justify-content:space-evenly;list-style-type:none;margin-bottom:20px;margin-top:5px;padding:0}.filter-nav button{background:#ddd;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;position:relative;transition:background-color .3s ease,transform .2s ease}.filter-nav button.active{background:linear-gradient(45deg,#4a4a8a,#6200ea);color:#fff;transform:translateY(-2px)}.filter-nav button.active:after{background:#4a4a8a;border-radius:2px;bottom:-5px;content:"";height:3px;left:10%;position:absolute;width:80%}.Note{color:#c82333;margin-left:450px}.task{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 15px #0000001a;flex-wrap:wrap;height:60px;justify-content:space-between;margin-bottom:15px;margin-left:130px;padding:20px;transition:transform .3s ease,box-shadow .3s ease;width:1200px}.task:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-5px)}.task{align-items:center;display:flex;flex:1 1;flex-direction:row}.task h3{color:#333;font-size:1.2rem;margin:0}.task p{color:#666;font-size:.9rem;margin:5px 15px}.task-buttons{display:flex;flex:1 1;flex-wrap:wrap;gap:5px;justify-content:flex-end;margin-top:15px}.task button{border-radius:5px;box-shadow:0 4px 10px #0003;cursor:pointer;font-size:16px;padding:10px 20px;transition:transform .3s ease}.task-buttons button.complete{background:linear-gradient(45deg,#28a745,#53c16b);color:#fff}.task-buttons button.complete:hover{background:linear-gradient(45deg,#218838,#45ad5c);transform:translateY(-2px)}.task-buttons button.delete{background:linear-gradient(45deg,#dc3545,#f56d7a);color:#fff}.task-buttons button.delete:hover{background:linear-gradient(45deg,#c82333,#e84d5b);transform:translateY(-2px)}button.pri{background:#333;color:#f5f5f5}button.pri:hover{background-color:#000}button.sec{background:#af0c0c;color:#f5f5f5}button.sec:hover{background-color:#d32f2f}@media screen and (max-width:768px){.task{height:100px;margin-left:2%;padding:10px;width:85%}.task,.task-details{align-items:center;flex-direction:column}.task-details{gap:1.5px}.Go,.stop,.undo{justify-content:center;margin-top:6px;width:30%}.Go,.stop,.undo button{width:30%}}.add-task-form{background-color:#fff;border-radius:15px;box-shadow:0 8px 20px #0000001a;margin:auto;max-width:600px;padding:30px}.add-task-form h2{color:#4a4a8a;font-size:1.8rem;margin-bottom:20px}.add-task-form button,.add-task-form input,.add-task-form textarea{border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:block;font-size:16px;margin-bottom:20px;padding:15px;width:95%}.add-task-form input:focus,.add-task-form textarea:focus{border:1px solid #6200ea;box-shadow:0 4px 10px #0000001a;outline:none}.add-task-form button{background:linear-gradient(45deg,#6200ea,#9c4dcc);font-size:1.1rem;font-weight:600;transition:transform .3s ease}.add-task-form button:hover{transform:scale(1.05)}@media screen and (max-width:1200px){.toggle-form-btn{margin-bottom:30px;margin-left:29%;width:200px}.task{height:250px;margin-left:4.5%;width:90%}}@media screen and (max-width:768px){.Note{color:#c82333;margin-left:40px}.search-bar input{margin-left:30px;padding-left:20px}.search-bar{margin-left:20px;width:85%}.search-bar .hmm{margin-left:140px}h1{font-size:2rem;margin:15px 0}.search-bar input{margin-left:5%;padding-left:10px;width:90%}.filter-nav{align-items:center;flex-direction:column;gap:10px}.task{margin-left:2.5%;padding:15px;width:90%}.add-task-form{max-width:80%;padding:20px}}@media screen and (max-width:480px){h1{font-size:1.5rem;margin:10px 0}.filter-nav button{font-size:14px;padding:10px}.task h3{font-size:1.3rem}.task p{font-size:1.1rem}button{font-size:14px;padding:8px 15px;width:100px}.add-task-form h2{font-size:1.3rem}.add-task-form input,.add-task-form textarea{padding:10px}}
/*# sourceMappingURL=main.94da2e4a.css.map*/