@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}body{background:#8758ff;display:flex;justify-content:center;align-items:center}.App{text-align:center}h1{color:#fff;padding-top:5rem;margin-bottom:.5rem;text-align:center;font-size:3.2em;line-height:1.1}.message{display:block;font-size:12px;text-align:center;margin:auto;color:red;margin-bottom:.5rem}.totalTodos{text-align:center;display:block;font-size:15px;color:#fff;padding-bottom:10px}.new-item-form{background:#1a1a40;margin-top:5rem;padding:2rem;border-radius:5px;margin-bottom:1rem}.todo-input{outline:none;background:none;border:1px solid #8758ff;padding:.5rem 1rem;margin-top:1rem;margin-bottom:2rem;width:300px;color:#fff}input{background:none;border:1px solid #351092}.todo-input::placeholder{color:#ffffff4d}.todo-btn{background:#8758ff;color:#fff;border:none;padding:.55rem;cursor:pointer}.todo-btn:hover{background:#fff;color:#8758ff}.btn,.todo-btn{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}.btn{background-color:#fff;color:red}.btn:hover{background-color:red;color:#fff}.todo{display:flex;justify-content:space-between;align-items:center;background:#8758ff;color:#fff;padding:.75rem 1rem;border-radius:5px;margin-bottom:1rem}li{list-style:none}.incompleted{color:#fff;cursor:pointer}.completed{color:#c5aeff;text-decoration:line-through;cursor:pointer}.edit-icon,.delete-icon{cursor:pointer}