@import url(https://fonts.googleapis.com/css2?family=Almarai:wght@400;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#1c1a23;--color-hover:#2f2b3b;--color-green:#4ef59d;--color-yellow:#ffcc70;--color-red:#fb4d8d;--color-red-dark:#c5396d;--color-violet:#756c93;--color-text:#dddce3;--color-text-light:#a8a3ba;--color-dark:#030203;--shadow-card:6px 6px 15px #0000004d,-5px -5px 12px #756c931a;--font-family:"Almarai","Segoe UI",sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Almarai,Segoe UI,sans-serif;font-family:var(--font-family);margin:0;min-height:100vh;overflow-x:hidden;width:100vw}html{direction:rtl}body{background-color:#1c1a23;background-color:var(--color-bg);background-color:#4158d0;background-image:linear-gradient(43deg,#b8c1ee,#f0b9ec 46%,#fdefd3);background-repeat:no-repeat;background-size:cover;color:#dddce3;color:var(--color-text)}header{overflow:hidden;width:100vw}header h1{color:#1c1a23;color:var(--color-bg);font-size:2rem;font-weight:300;margin:1.5rem auto 2rem;text-align:center}main{align-items:center;display:flex;justify-content:center;width:100vw}.container{background-color:#1c1a23;background-color:var(--color-bg);border-bottom:1px solid #030203;border-bottom:1px solid var(--color-dark);border-radius:7px;border-top:1px solid #fb4d8d;border-top:1px solid var(--color-red);box-shadow:6px 6px 15px #0000004d,-5px -5px 12px #756c931a;box-shadow:var(--shadow-card);margin-bottom:3rem;min-height:70vh;overflow:hidden;width:50vw}@media (max-width:850px){.container{width:75vw}}@media (max-width:450px){.container{width:90vw}}.todos-form{background-color:#2f2b3b;background-color:var(--color-hover);padding:1rem}.todos-form,.todos-form-icon{align-items:center;display:flex}.todos-form-icon{cursor:pointer;height:3rem;margin-left:1.5rem;transition:.3s ease-in-out}.todos-form-icon.active,.todos-form-icon:hover{color:#4ef59d;color:var(--color-green)}.todos-form-input{align-items:center;display:flex;flex:1 1}.todos-form input{background-color:#1c1a23;background-color:var(--color-bg);box-shadow:2px 2px 6px #0003;color:#dddce3;color:var(--color-text);flex:1 1;font-family:Almarai,Segoe UI,sans-serif;font-family:var(--font-family);height:3rem;padding:.5rem .75rem;width:100%}.submit-btn,.todos-form input{border:none;font-size:1.25rem;outline:none}.submit-btn{background-color:#fb4d8d;background-color:var(--color-red);box-shadow:2px 2px 4px #0000001a;color:#fff;cursor:pointer;font-family:inherit;min-height:3rem;padding:.5rem 1.5rem;transition:all .2s}.submit-btn:hover{background-color:#c5396d;background-color:var(--color-red-dark);box-shadow:4px 4px 10px #0000004d}.submit-btn:active{box-shadow:none}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.todos-todo{align-items:center;background-color:#1c1a23;background-color:var(--color-bg);display:flex;padding:1.25rem 1rem;transition:all .3s;width:100%}.todos-todo:hover{background-color:#2f2b3b;background-color:var(--color-hover)}.todos-todo-icon{color:#a8a3ba;color:var(--color-text-light);cursor:pointer}.todos-todo-text{flex:1 1;margin:0 1rem;vertical-align:top}.todo-cta{align-items:center;display:flex}.todo-cta-edit{color:#ffcc70;color:var(--color-yellow)}.todo-cta-delete,.todo-cta-edit{cursor:pointer;margin-right:1rem}.todo-cta-delete{color:#fb4d8d;color:var(--color-red)}.todo-cta>div{opacity:0;transition:all .3s}.todos-todo:hover .todo-cta>div{opacity:1}.todos-todo.done .todo-icon{color:#4ef59d;color:var(--color-green)}.todos-todo.done .todos-todo-text{color:#a8a3ba;color:var(--color-text-light);text-decoration:line-through}.no-todos{color:#a8a3ba;color:var(--color-text-light);font-weight:400;margin-top:2.5rem;opacity:.75;text-align:center}.done{color:#4ef59d;color:var(--color-green)}
/*# sourceMappingURL=main.e069fc09.css.map*/