@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{margin:0;padding:0}.app{font-family:Poppins;margin:auto;max-width:400px;padding:1rem;text-align:center}.app .date{display:flex;margin:2rem 0 1rem}.app .date p{padding:0 2px}.app .form-input{align-self:center;display:flex;justify-content:center;position:relative;width:100%}.app .form-input .icon{align-items:center;color:#4b00ff;display:flex;font-size:25px;height:100%;justify-content:center;left:15px;position:absolute;top:0}.app form input{display:block;outline:0;padding:5px 10px 5px 50px;width:100%}.app .task-row,.app form input{border:2px solid #eee;border-radius:8px;font-size:18px;line-height:30px}.app .task-row{align-items:center;display:flex;justify-content:space-between;margin:8px 0;padding:10px;width:94%}.app .task-row .icon{color:#4b00ff;font-size:25px}.app .task-row p{text-transform:capitalize}.completed{background-color:#eee;text-decoration:line-through}.app .length{margin:1rem 0}
/*# sourceMappingURL=main.fc923db8.css.map*/