body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;list-style:none;margin:0;padding:0}body{background-color:#131214;font-family:Outfit,sans-serif}.container{border-radius:20px;height:47rem;margin:2rem auto;max-width:1000px;position:relative}.row{align-items:center;display:flex;gap:30px;padding:8rem 80px;width:100%}h3{color:#fff;font-size:40px;left:10%;position:absolute;top:6%}h3 span{color:#5f64e7}.h4color{color:#2a3c5a}.h4color span{color:#ff8283}@media only screen and (max-width:320px){.task{display:none}.filter{width:100%}.form_content{padding:5px 12px;width:100%}.form_content .form_info{align-items:flex-start;flex-direction:column;gap:20px}.form_content .star_icon,.input_icon{margin-top:-18px}.container .row{padding:8rem 21px}.menu_icon{color:#9b9def;font-size:39px;position:absolute;right:8%;top:7%}.hide{display:none;transform:translateX(-300px)}.hide,.show{transition:all 4s cubic-bezier(.075,.82,.165,1)}.show{display:block;transform:translateX(0)}}@media (max-width:480px){.task{display:none}.filter,.task{width:100%}.row{padding:8rem 18px}.menu_icon{color:#9b9def;font-size:39px;position:absolute;right:8%;top:7%}.hide{display:none;transform:translateX(-300px)}.hide,.show{transition:all 4s cubic-bezier(.075,.82,.165,1)}.show{display:block;transform:translateX(0)}.form_content .form_info{gap:10px}.input_icon,.star_icon{margin-top:15px}}@media (max-width:640px){.task{display:none}.filter,.task{width:100%}.row{padding:8rem 60px}.menu_icon{color:#9b9def;font-size:39px;position:absolute;right:8%;top:7%}.hide{display:none;transform:translateX(-300px)}.hide,.show{transition:all 4s cubic-bezier(.075,.82,.165,1)}.show{display:block;transform:translateX(0)}}@media (min-width:768px){.filter{width:37%}.task{width:60%}}.filter{background-color:#19181c;border-radius:25px;box-shadow:0 22px 70px 4px #0000008f;height:563px;padding:20px 23px}.filter-content,.project{display:flex;justify-content:space-between;margin-bottom:20px}.project_icon,.toggle_icon{color:#f8f5f54d;cursor:pointer;font-size:30px}.content{color:#84859c;margin-bottom:50px}.content ul{display:flex;flex-direction:column;gap:15px}.content ul li{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:7px 9px;transition:all .5s ease}.content ul li:hover{background-color:#2f2c37}.filter_icon{font-size:18px}.default{align-items:center;border-radius:8px;color:#84859c;display:flex;gap:10px;margin-bottom:7.6rem;margin-left:5px;padding:5px 10px;transition:all .5s ease}.default:hover{background-color:#2f2c37}.github{align-items:center;display:flex;justify-content:center}.github_icon{color:#edededaa;font-size:30px}.filter_white{background-color:#e5eef8;box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d}.active{color:#ff8283}.default2:hover,.item_Hover ul li:hover{background-color:#d3dfe2}.github_icon-w{color:#6e6e6eaa}.switch{display:inline-block;height:20px;margin-top:5px;position:relative;width:47px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#a5afbf;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider:hover{background-color:#ff8283}.slider:before{background-color:#fff;bottom:3px;content:"";height:15px;left:2px;position:absolute;transition:.4s;width:15px}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}input:checked+.slider{background-color:#a0a0a04d}input:checked+.slider:hover{background-color:#744df7}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.switch-ON:hover{background-color:#000}.task{background-color:#19181c;border-radius:25px;box-shadow:0 22px 70px 4px #0000008f;color:#fff;height:563px;overflow-y:hidden;padding:20px 30px;position:relative}h4{color:#8e91d6;font-size:20px;margin-bottom:5px}.task_content{position:relative}.task_content span{color:#fff;font-size:16px;overflow-y:hidden;overflow-y:scroll}.cicle_task{align-items:center;background-color:#312c37;border-radius:10px;cursor:pointer;display:flex;gap:15px;margin-bottom:20px;padding:10px;transition:all .5s ease-out}.cicle_task:hover{background-color:#4b4353}.userInput{align-items:center;display:flex;gap:12px}.circle_icon{color:#edededaa;font-size:20px}.start_icon{color:#edededaa}.btn,.start_icon{position:absolute;right:5%}.btn{background:#744df7;border:none;border-radius:20px;bottom:5%;color:#fff;cursor:pointer;font-size:20px;font-size:16px;font-weight:700;padding:10px 25px;transition:all .1s ease}.task2-w{background-color:#e5eef8;box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d}.active h4{color:#ff8283}.task_content-w span{color:#9b9fb2}.circle_icon-w,.start_icon-w{color:#7b8ba3}.btn-w{background-color:#f8877a;color:#000}.task_content p{font-size:18px;text-align:center}.cicle_task-bgw{background-color:#d3dfe2}.cicle_task-bgw:hover{background-color:#d3dfe266}.form_content{background-color:#19181c;border-radius:25px;box-shadow:0 22px 70px 4px #0000008f;color:#fff;height:563px;padding:20px 30px;position:relative}.form_heading,.form_note{margin-bottom:30px}input{padding:5px 20px}input,textarea{background-color:#2f2c37;border:none;border-radius:7px;color:#fff;outline:none;width:100%}textarea{height:130px;padding:20px 12.9px}textarea:focus-visible{outline:#2f2c37}.form_info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8.42rem}.input_icon,.star_icon{font-size:18px;margin-top:20px}.addButton{align-items:center;display:flex;justify-content:space-between}.btn_icon{transition:all .5s ease-out}.addBtn,.btn_icon{cursor:pointer;font-size:20px}.addBtn{background:#744df7;border:none;border-radius:20px;color:#fff;font-size:16px;font-weight:700;padding:10px 25px;transition:all .1s ease}.form_content-white{background-color:#e5eef8;box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d}.baddBtntn-w{background-color:#f8877a;color:#000}.input_bg{background-color:#d3dfe2;color:#000}.star_icon_w{color:#f8877a}.btn_icon-w{color:#19181c}
/*# sourceMappingURL=main.a2d0c26d.css.map*/