@import url(https://fonts.googleapis.com/css2?family=Cairo&display=swap);.flex{align-items:center;display:flex}h1,h2,h3,h4,h5,h6,p{font-family:Cairo,"sans-serif"!important;margin:0}main{align-items:center;color:#1b1b1b;display:flex;flex-direction:column;font-size:30px;font-weight:700;justify-content:center;line-height:50px;min-height:90vh;text-align:center}*{color:#fff;font-family:sans-serif;list-style:none;margin:0;padding:0;text-decoration:none}html{background-color:#f2f2f2;box-sizing:border-box}*,:after,:before{box-sizing:inherit}header{background-color:#1b1b1b}h1{font-size:25px;padding:20px}.error{color:red;font-size:15px}form{display:flex;flex-direction:column}input{border:1px solid #607d8b;margin-bottom:18px;padding:6px 4px}form button,input{border-radius:5px;color:#000;font-size:16px}form button{background-color:teal;border:none;color:#fff;cursor:pointer;padding:8px 12px}.account{font-size:16px;font-weight:100;margin-top:12px}.account a{color:#00c6c6;font-size:18px;font-weight:600;text-decoration:underline}.Light form p{color:#000}.Light main p{color:#333}form button:active{border-radius:0;scale:.9}.Light main h1{color:#444}span{-webkit-animation:heart 2s linear infinite;animation:heart 2s linear infinite}@-webkit-keyframes heart{0%,to{opacity:0}50%{opacity:1}}@keyframes heart{0%,to{opacity:0}50%{opacity:1}}.logo{-webkit-animation:logoani 5s infinite;animation:logoani 5s infinite;transition:all .5s}@-webkit-keyframes logoani{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes logoani{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@-webkit-keyframes modal{0%{scale:0;-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}to{scale:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes modal{0%{scale:0;-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}to{scale:1;-webkit-transform:translate(0);transform:translate(0)}}button:hover{opacity:.93}button:active{scale:.95}::-webkit-scrollbar{width:1.1rem}::-webkit-scrollbar-track{border:7px solid #232943;border-radius:1rem;box-shadow:inset 0 0 2.5px 2px rgba(0,0,0,.5)}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#150f12,#3d4a59);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:linear-gradient(270deg,#4a4748,#3d4a59,#1a191a)}html{scrollbar-color:#9e4673 #3d4a59}.Light .para time{color:#1c8a8a!important}.Light .Data h1 span{color:#000 in!important}.myheader .ali{background-color:teal}.main-list{font-size:19px;padding:10px;position:relative}.main-link{padding:6px}.drop{font-size:15px!important}.lang{height:65px;padding-top:15px}.lang:hover ul.languages{display:block}ul.languages{border-bottom:1px solid cyan;border-radius:5px;border-top:1px solid cyan;display:none;left:-3px;position:absolute;top:63px;z-index:4}ul.languages .lang-li{background-color:#222;border-bottom:1px solid #111;display:flex;font-size:15px;justify-content:space-between;padding:10px 5px;text-transform:capitalize;width:130px}ul.languages li:hover{background-color:#181818;cursor:pointer;font-size:15.2px}.last-lang{border-bottom:none!important}.main-link.active,.main-link:hover{border-radius:5px;box-shadow:0 0 5px cyan;color:cyan}.hide-when-mobile{align-items:center;display:flex;justify-content:space-around}.show-when-mobile{display:none}@-webkit-keyframes down{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes down{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}header{-webkit-animation:down 1s 1;animation:down 1s 1}.theme-btn{background-color:initial;border:1.5px solid #ddd;border-radius:1rem;color:#fff;cursor:pointer;font-size:1.2rem;outline:0;padding:.3rem .5rem;transition:all .3s}.theme-btn:hover{background:#555;border:none;outline:0}.theme-btn:focus,.theme-btn:hover{box-shadow:0 0 10px #555,0 0 40px #555,0 0 80px #555}.theme-btn:focus{box-shadow:0 0 0 5px #3d4a59,0 0 0 6px #fff;padding:4px 12px}.Dark{background-color:#242424}.Dark,.Dark main{color:hsla(0,0%,100%,.87)}.Dark .ali{background-color:hsla(0,0%,7%,.885)!important}.fa-solid{font-size:20px}.fa-solid:hover{cursor:pointer;font-size:22px;transition:all .1s}.Light .fa-sun{display:none}.fa-sun{color:orange}.Dark .fa-moon{display:none}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#2d9292;height:180px;width:180px}.mainLoader{height:100vh}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.myfooter footer{background-color:#1b1b1b;font-size:18px;padding:20px 0;text-align:center}.myfooter .ali{background-color:teal}.Omar{-webkit-animation:none;animation:none;border-bottom:1px solid cyan;color:cyan}.home{justify-content:flex-start}.home section{margin-bottom:30px}.home .parent-of-btns{margin-top:30px;position:relative}.home .parent-of-btns button{background-color:#3467c2;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-right:15px;padding:8px 12px}.home .parent-of-btns button:active{scale:.95}.home .parent-of-btns select:focus{outline:none}.home select{background-color:#666;border-radius:4px;padding:7px 14px}.home .parent-of-btns .orderbtn{opacity:.4}.home .parent-of-btns .inActive{opacity:1}.home .all-tasks{flex-wrap:wrap;justify-content:center}.home .all-tasks .one-task{--tw-shadow:0px 1px 3px #0000003d,0px 2px 8px #15c0e229;--tw-shadow-colored:0px 1px 3px var(--tw-shadow-color),0px 2px 8px var(--tw-shadow-color);border-bottom:1px solid teal;border-left:1px solid teal;border-radius:10px;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);height:180px;margin:40px 20px;min-width:300px;position:relative;transition:.2s}.home .all-tasks .one-task h2{font-size:24px;margin-bottom:10px;margin-top:15px}.home .all-tasks .one-task li{font-size:13px;line-height:29px;list-style-position:inside;list-style-type:circle;margin:0 11px;text-align:start}.home .all-tasks .one-task time{color:#a4d5ff;font-size:10px;left:10px;position:absolute;top:-40px}.home .all-tasks .one-task .data_parent{height:100%;left:0;position:absolute;right:0;width:100%}.add-task-btn{background-color:teal;border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:8px 12px}.home-add-task-btn{margin-right:10px!important;width:300px}.add-task-btn:active{scale:.95}.home .add-task-btn .fa-plus{font-size:14px}.Light .all-tasks .one-task{background-color:#444}.Light .home .all-tasks .one-task:hover{border-left:8px solid teal}.sub_tasks .tasks{color:#000;font-size:14px;line-height:30px;list-style-type:circle;margin-left:18px}.send-email{background-color:teal!important;margin-top:20px}p i.fa-solid .fa-heart{color:red!important;cursor:alias}.task_options i{font-size:22px}.task_options i:hover{font-size:21px}.task_optionsi:hover{opacity:.9;padding:6px}.task_options i:active{scale:.9}.task_options i{color:#f5f5f5;margin-left:15px}.parent_options{bottom:0;justify-content:space-between;margin-top:15px;padding:0 10px;position:absolute;right:0;width:100%}.completed-icon{position:absolute;right:0;top:0}p.start-timer{background-color:#888;border-radius:8px;color:#222;display:none;font-size:15px;line-height:30px;position:absolute;width:100px}.icons_parent{bottom:-1px;left:15px;position:absolute}.timer:hover{font-size:24px!important}.icons_parent i{font-size:25px}.pos-timer{bottom:-35px;left:-20px}.pos-done{bottom:-35px;left:230px}.pos-trash{bottom:-35px;left:190px}.pos-info{bottom:-35px;display:none;left:160px}.check-mark:hover+.pos-done,.info:hover+.pos-info,.timer-box,.timer:hover+.pos-timer,.trash:hover+.pos-trash{display:block!important}.timer-box{bottom:8px;color:#222!important;font-size:25px!important;left:-7px;width:150px!important}.repeat{font-size:20px!important;margin-left:10px}i:active{scale:.98}.Data{align-items:"flex-start";display:"flex";flex-direction:"column"}.Data h1{background-color:#111;border-radius:5px;font-size:25px;margin-bottom:5px;padding:20px;text-align:left}.Light .Data h1 span{-webkit-animation:none;animation:none;color:#222}.Data h1 span{color:cyan}.Data h1#text,.Light .Data h1{background-color:teal;color:#fff}.Editing{height:auto;justify-content:flex-start;margin-top:50px}.one{align-items:flex-start!important;position:relative}.one .fa-edit{font-size:25px}.one .title{background-color:initial;border:none;color:#fff;font-size:22px;text-align:center;width:50vh}.one .title:focus{outline:none}.one label{cursor:pointer;margin-bottom:10px;margin-left:10px}.one label:hover{scale:.95}.two{flex-direction:column;max-width:85%;width:900px}.two .created{width:85%}.two .created,.two .created .completed{justify-content:space-between}.two .created .completed input{accent-color:teal;height:15px;width:15px}.two .created .completed p{font-size:15px;margin-left:8px;padding-top:5px}.two .created .para,.two .created time{color:#a4d5ff;font-size:10px}.two .container{background-color:#444;border-radius:5px;justify-content:space-between;margin-bottom:10px;padding:0 10px;width:90%}.two .container:hover{border-left:6px solid #f5f5f5;transition:all .2s}.Light .two .container:hover{border-left:6px solid teal;transition:all .2s}.two .container p{font-family:Arial,Helvetica,sans-serif;font-size:15px}.two .container .fa-trash:hover{cursor:pointer;scale:.95}.parent-container{flex-direction:column;width:100%}.three button{border:none;border-radius:3px;cursor:pointer;padding:10px;width:130px}.three button:active{scale:.95}.three .add-task{background-color:#0b8989!important;font-size:12px!important;font-weight:600;margin-left:20px}.three .add-task .fa-plus{font-size:11px!important;font-weight:900}.delete-task{background-color:rgba(228,43,11,.792);border:none;border-radius:3px;cursor:pointer;font-size:12px!important;font-weight:700;padding:10px;width:130px}.add-more-task{-webkit-animation:modal .5s 1;animation:modal .5s 1}.ml{margin-left:15px}.add-more-task form{text-align:left;width:100%}.input-width{width:50%}.Light .created p,.Light .one #edit-title,.Light .one .fa-edit{color:teal}.Light .one .title{caret-color:#777;color:#444}.Light .two .container p{color:#fff}
/*# sourceMappingURL=main.f3eb922b.css.map*/