body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(274deg,#defffc,#85f5f2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{text-align:center}.App-link{color:#61dafb}.todo-list{background-color:#1c1a23;border-top-left-radius:4px;border-top-right-radius:4px;box-shadow:0 18px 50px -10px rgba(0,0,0,.2);margin-left:auto;margin-right:auto;width:50vw}@media(max-width:500px){.todo-list{background-color:#1c1a23;border-top-right-radius:4px;margin-left:auto;margin-right:auto;width:90vw}}.form-container{background-color:#2f2b3b;border-top-left-radius:4px;border-top-right-radius:4px;height:60px;padding:1rem}.form-container,.form-container .icon-form{align-items:center;display:flex;justify-content:center}.form-container .icon-form{cursor:pointer;height:3rem;margin-left:1.5rem;margin-right:15px;padding:auto;text-align:center;transition:.3s ease-in-out}.form-container .form{border-radius:4px;display:flex;flex:1 1;overflow:hidden}.form-container .form .form-input{background-color:#1c1a23;border:none;box-shadow:2px 2px 6px rgba(0,0,0,.2);color:#dddce3;flex:1 1;font-family:Almarai,Segoe UI,sans-serif;font-size:1.25rem;height:3rem;outline:none;padding:.5rem .75rem;width:100%}.form-container .form .form-button{background-color:#fb4d8d;border:none;box-shadow:2px 2px 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-family:inherit;font-size:1.25rem;min-height:3rem;outline:none;padding:.5rem 1.5rem;transition:all .2s}.form-container .form .form-button:hover{background-color:#c5396d;box-shadow:4px 4px 10px rgba(0,0,0,.3)}.form-container .form .form-button:active{box-shadow:none}.form-container .form .form-button:disabled{cursor:not-allowed;opacity:.5}.todos-todo,.todos-todo.done{align-items:center;background-color:#1c1a23;display:flex;padding:1.25rem 1rem;transition:all .3s}.todos-todo.done:hover .todos-todo_cta div,.todos-todo:hover .todos-todo_cta div{opacity:1}.todos-todo .todos-todo_icon,.todos-todo.done .todos-todo_icon{color:#a8a3ba;cursor:pointer}.todos-todo .todos-todo_text,.todos-todo.done .todos-todo_text{color:#aab5be;flex:1 1;margin:0 1rem;vertical-align:top}.todos-todo .todos-todo_cta,.todos-todo.done .todos-todo_cta{align-items:center;display:flex}.todos-todo .todos-todo_cta div,.todos-todo.done .todos-todo_cta div{opacity:0;transition:all .3s}.todos-todo .todos-todo_cta .todos-todo_cta-edit,.todos-todo.done .todos-todo_cta .todos-todo_cta-edit{color:#ffcc70;cursor:pointer;margin-right:10px}.todos-todo .todos-todo_cta .todos-todo_cta-delete,.todos-todo.done .todos-todo_cta .todos-todo_cta-delete{color:#fb4d8d;cursor:pointer;margin-right:1rem}.todos-todo.done .todos-todo_text{color:#a8a3ba;text-decoration:line-through}.no-todos{color:var(--color-text-light);font-weight:400;margin-top:2.5rem;opacity:.75;padding-bottom:10px;text-align:center}
/*# sourceMappingURL=main.120351e4.css.map*/