@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{align-items:center;background:linear-gradient(90deg,#a8edea,#fed6e3);display:flex;height:100vh;justify-content:center;padding:20px}.main-div{background:#fff;border-radius:15px;box-shadow:0 6px 15px #0003;max-width:500px;padding:25px;text-align:center;width:100%}.child-div,figure{align-items:center;display:flex;flex-direction:column}figure img{width:100px}figcaption{color:#555;font-size:18px;font-weight:700;margin-top:10px}.addItem-container{gap:10px;width:100%}.addItem-container,.addItems{align-items:center;display:flex}.addItems{background:#f4f4f4;border:1px solid #121111;border-radius:0;flex:1 1;padding:0}.form-control{background:#0000;border:none;flex:1 1;font-size:16px;outline:none;padding:12px;width:100%}.add-btn{color:#6a0572;cursor:pointer;font-size:22px}.add-btn:hover{color:#a4508b}.showItems{margin-top:20px;width:100%}.todo-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin-top:15px;padding:18px}.eachItem{align-items:center;background:#fdfdfd;border-radius:8px;box-shadow:0 3px 6px #0000001a;display:flex;justify-content:space-between;margin-top:12px;padding:12px}.todo-btn{display:flex;gap:12px}.todo-btn .add-btn{color:#ff6f61;font-size:18px}.todo-btn .add-btn:hover{color:#e63946}.btn{background:#6a0572;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 22px;transition:.3s}.btn:hover{background:#a4508b}@media (max-width:500px){.main-div{max-width:100%}.addItems{flex-direction:column}.addItems .form-control{margin-bottom:10px;width:100%}}
/*# sourceMappingURL=main.0ef1fc81.css.map*/