@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:#8686ac;display:flex;flex-direction:column;justify-content:flex-start;justify-content:center;min-height:100vh;padding:1rem}.App{text-align:center}h1{color:#ffffffed;font-size:1.75rem;margin-bottom:.5rem}.TodoWrapper{background:#06061f;border-radius:10px;padding:2rem}.TodoForm{margin-bottom:1rem;width:100%}.todo-input{background:none;border:1px solid #8686acca;color:#e5e5ffba;margin-bottom:2rem;margin-top:1rem;outline:none;padding:.5rem 1rem;width:300px}.todo-input::placeholder{color:#ffffff4d}.todo-btn{background:#8686ac;border:none;color:#ededff;cursor:pointer;padding:.55rem}.todo-btn:hover{background:#8686acca}.Todo,.todo-btn:active{background:#8686ac}.Todo{align-items:center;border-radius:5px;color:#ededff;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.Todo p{text-align:left}.Todo:hover{background:#8686acca}.Todo:active{background:#8686ac}.icon{color:#06061f;display:flex;justify-content:right}.fa-trash{font-size:20px;margin-left:.75rem}.fa-trash:hover{color:rgba(255,0,0,.934)}.fa-square-pen{font-size:21px}.fa-square-pen:hover{color:rgba(0,255,0,.941)}.incompleted{color:#ededff;cursor:pointer}.completed{color:#c7c7e3c8;text-decoration:line-through}.completed,.delete-icon,.edit-icon{cursor:pointer}
/*# sourceMappingURL=main.8aca70ac.css.map*/