@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{align-items:center;background:#8758ff;display:flex;justify-content:center}.App{text-align:center}h1{color:#fff;font-size:1.75rem;margin-bottom:.5rem}.TodoWrapper{background:#1a1a40;border-radius:5px;margin-top:5rem;padding:2rem}.TodoForm{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;width:100%}.todo-input{background:none;border:1px solid #8758ff;color:#fff;margin-bottom:1rem;margin-top:1rem;outline:none;padding:.5rem 1rem;width:300px}.todo-input::placeholder{color:#ffffff4d}.todo-btn{background:#8758ff;border:none;color:#fff;padding:.55rem}.todo-btn,p{cursor:pointer;transition:all .3s ease}p:hover{transform:translateY(-2px)}p:active{transform:translateY(1px)}.todo-btn:hover{background:#8f69f1;box-shadow:0 2px 5px #0003;transform:translateY(-2px)}.todo-btn:active{background:#7f4dff;box-shadow:0 1px 2px #0003;transform:translateY(1px)}.Todo{align-items:center;background:#8758ff;border-radius:5px;color:#fff;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.fa-trash{cursor:pointer;margin-left:.75rem;transition:all .3s ease}.fa-trash:hover{box-shadow:0 2px 5px #0003;transform:translateY(-2px)}.fa-trash:active{box-shadow:0 1px 2px #0003;transform:translateY(1px)}.incompleted{color:#fff;cursor:pointer}.completed{color:#c5aeff;cursor:pointer;text-decoration:line-through}.fa-pen-to-square{cursor:pointer;transition:all .3s ease}.fa-pen-to-square:hover{box-shadow:0 2px 5px #0003;transform:translateY(-2px)}.fa-pen-to-square:active{box-shadow:0 1px 2px #0003;transform:translateY(1px)}.delete-icon,.edit-icon{cursor:pointer}.auth-container,.todo-container{background:#1a1a40;border-radius:5px;margin-top:5rem;padding:2rem}.auth-form{align-items:center;display:flex;gap:.5rem;justify-content:center}.input-form{background:none;border:1px solid #8758ff;color:#fff;margin-bottom:1rem;margin-top:1rem;outline:none;padding:.5rem 1rem;width:300px}.button-form{background:#8758ff;border:none;color:#fff;cursor:pointer;padding:.55rem;transition:all .3s ease}.button-form:hover{background:#8f69f1;box-shadow:0 2px 5px #0003;transform:translateY(-2px)}.button-form:active{background:#7f4dff;box-shadow:0 1px 2px #0003;transform:translateY(1px)}@media screen and (max-width:496px){.auth-form{align-items:center;display:flex;justify-content:center}.button-form,.input-form{font-size:.5rem}.input-form{width:235px}.todo-container{width:25rem}.h1-todo{font-size:1.2rem}.todo-btn,.todo-input{font-size:.8rem}.todo-input{width:225px}}@media screen and (max-width:420px){.auth-form{align-items:center;display:flex;justify-content:center}.h1-form{font-size:1.4rem}.button-form,.input-form{font-size:.4rem}.input-form{width:175px}.auth-container,.todo-container{width:20rem}.h1-todo{font-size:1.1rem}.todo-btn,.todo-input{font-size:.6rem}.todo-input{width:185px}}@media screen and (max-width:335px){.auth-form{align-items:center;display:flex;justify-content:center}.h1-form{font-size:1rem}.button-form,.input-form{font-size:.3rem}.input-form{width:155px}.auth-container{width:18rem}.todo-container{width:17rem}.h1-todo{font-size:1rem}.todo-btn,.todo-input{font-size:.4rem}.todo-input{width:150px}}
/*# sourceMappingURL=main.ad1787d3.css.map*/